Вопросы с тегом «vue.js»

161
Разница между @click и v-on: нажмите Vuejs

вопросы должны быть достаточно понятными :). Но я вижу, что кто-то использует: <button @click="function()">press</button> Кто-то использует: <button v-on:click="function()">press</button> Но на самом деле какая разница между этими двумя (если...

159
Передача события и аргумента в v-on в Vue.js

Я передаю параметр в v-on:inputдирективах. Если я не передаю его, я могу получить доступ к событию в методе. Есть ли способ получить доступ к событию при передаче параметра в функцию. Не то чтобы я использовал vue-router: Это без передачи параметра. Я могу получить доступ к объекту события HTML...

159
Есть ли способ распределять действия между двумя модулями vuex в пространстве имен?

Можно ли отправить действие между модулями пространства имен? Например, у меня есть модули vuex "gameboard" и "уведомление". Каждый из них имеет пространство имен. Я хотел бы отправить действие с игровой доски в модуль уведомлений. Я думал, что мог бы использовать имя модуля в имени действия...

156
Как реализовать debounce в Vue2?

У меня есть простое поле ввода в шаблоне Vue, и я хотел бы использовать debounce примерно так: <input type="text" v-model="filterKey" debounce="500"> Однако это debounceсвойство устарело в Vue 2 . В рекомендации только сказано: «используйте v-on: input + стороннюю функцию debounce». Как...

156
Как скрыть синтаксис VueJS во время загрузки страницы?

может быть, это тривиальный вопрос. поэтому, когда я запускаю мое приложение vuejs в браузере с включенной регулировкой скорости загрузки (устанавливается на низкое соединение). Я получил незаконченный вывод синтаксиса vue в браузере. Я знаю, что мы можем обмануть это, показывая изображение...

155
vuejs обновляет родительские данные из дочернего компонента

Я начинаю играть с vuejs (2.0). Я построил простую страницу с одним компонентом. На странице есть один экземпляр Vue с данными. На этой странице я зарегистрировался и добавил компонент в HTML. Компонент имеет один input[type=text]. Я хочу, чтобы это значение отражалось на родителе (основной...

145
forEach не является ошибкой функции с массивом JavaScript

Я пытаюсь сделать простой цикл: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) Но я получаю следующую ошибку: VM384: 53 Uncaught TypeError: parent.children.forEach не является функцией Хотя parent.childrenжурналы: В чем...

142
Как передать значение из данных Vue в HREF?

Я пытаюсь сделать что-то вроде этого: <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> Я не могу понять, как добавить значение r.idв конец hrefатрибута, чтобы я мог сделать вызов API. Какие-либо...

139
Значения по умолчанию для реквизитов компонента Vue и как проверить, не установил ли пользователь опору?

1. Как я могу установить значение по умолчанию для пропеллера компонента в Vue 2? Например, есть простой moviesкомпонент, который можно использовать следующим образом: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Но, если...

139
Как исправить проблему Chrome «Unchecked runtime.lastError: порт сообщения закрыт до получения ответа»?

Я использую VueJS и Laravel для своего проекта. Эта проблема начала проявляться в последнее время и проявляется даже в старых ветках git. Эта ошибка отображается только в браузере Chrome....

137
Vue 'экспорт по умолчанию' против 'новый Vue'

Я только что установил Vue и следовал нескольким руководствам по созданию проекта с использованием шаблона vue-cli webpack. Когда он создает компонент, я замечаю, что он связывает наши данные внутри следующего: export default { name: 'app', data: [] } В то время как в других руководствах я вижу...

135
Вызов действия из другого действия

У меня следующие настройки для моих действий: get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, Я хочу иметь возможность вызывать одно действие изнутри другого, поэтому в этом примере я хочу иметь возможность вызывать get2()изнутри get1()....

134
Вуэйс: Событие при смене маршрута

На моей главной странице у меня есть раскрывающиеся списки, которые отображаются v-show=showпри нажатии на ссылку, @click = "show=!show"и я хочу установить, show=falseкогда я меняю маршрут. Посоветуйте, пожалуйста, как реализовать эту...

132
Как развернуть приложение Vue?

Что мне делать после разработки приложения Vuevue-cli ? В Angular была некоторая команда, которая объединяла все сценарии в один сценарий, а затем эти файлы отправлялись на хост. Есть ли во Vue что-то подобное ?...

131
Возврат обещаний из действий Vuex

Недавно я начал переносить вещи с jQ на более структурированный фреймворк - VueJS, и мне это нравится! Концептуально Vuex стал для меня своего рода сдвигом парадигмы, но я уверен, что знаю, о чем идет речь, и полностью понимаю! Но есть несколько небольших серых областей, в основном с точки зрения...

129
В чем разница между папками представлений и компонентов в проекте Vue?

Я просто использовал командную строку ( CLI) для инициализации проекта Vue.js. CLIСоздал src/componentsи src/viewsпапку. Прошло несколько месяцев с тех пор, как я работал с проектом Vue, и структура папок кажется мне новой. В чем разница между viewsи componentsпапками в проекте Вьет генерируемый...

128
Moment.js с Vuejs

Я пытаюсь распечатать дату и время, используя следующее в vue-for {{ moment().format('MMMM Do YYYY, h:mm:ss a') }} но это не появляется. Это просто пустое место. Как я могу попробовать использовать момент во...

126
Vuex - передача нескольких параметров мутации

Я пытаюсь аутентифицировать пользователя с помощью vuejs и паспорта laravel. Я не могу понять, как отправить несколько параметров мутации vuex с помощью действия. - хранить - export default new Vuex.Store({ state: { isAuth: !!localStorage.getItem('token') }, getters: { isLoggedIn(state) { return...

122
Обнаружить щелчок за пределами элемента

Как я могу обнаружить щелчок за пределами моего элемента? Я использую Vue.js, поэтому он будет вне моего элемента шаблонов. Я знаю, как это сделать в Vanilla JS, но не уверен, есть ли более правильный способ сделать это, когда я использую Vue.js? Это решение для Vanilla JS: событие Javascript...