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

Vue.js - это прогрессивная среда Javascript с открытым исходным кодом, предназначенная для создания пользовательских интерфейсов, целью которых является постепенное внедрение. Vue.js в основном используется для фронт-энда и требует промежуточного уровня HTML и CSS. Вопросы, связанные с версией Vue.js, должны быть помечены [vuejs2] или [vuejs3].

9
Vue.js - Как правильно следить за вложенными данными
Я пытаюсь понять, как правильно наблюдать за некоторым изменением опоры. У меня есть родительский компонент (файлы .vue), который получает данные от вызова ajax, помещает данные в объект и использует его для визуализации некоторого дочернего компонента с помощью директивы v-for, что ниже упрощения моей реализации: <template> <div> <player v-for="(item, key, index) …
10
Как условно отключить ввод в vue.js
У меня есть вход: <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> и в моем компоненте Vue.js у меня есть: .. .. ready() { this.form.name = this.store.name; this.form.validated = this.store.validated; }, .. validatedБудучи boolean, это может быть либо, 0либо 1, но независимо от того, какое значение хранится …
277 javascript  html  forms  vue.js 
5
Импорт ES6 с использованием пути входа ('@') в проекте vue.js с использованием Webpack
Я начинаю новый проект vue.js, поэтому я использовал инструмент vue-cli для создания нового проекта веб-пакета (т.е. vue init webpack). Проходя по сгенерированным файлам, я заметил следующий импорт в src/router/index.jsфайл: import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' // <- this one is what my qusestion is …
9
Как удалить hashbang из URL?
Как удалить hashbang #!из URL? Я нашел возможность отключить hashbang в документации по маршрутизатору vue ( http://vuejs.github.io/vue-router/en/options.html ), но эта опция удаляет #!и просто помещает# Есть ли способ получить чистый URL? Пример: НЕ: #!/home НО: /home
258 vue.js  vue-router 
13
Как слушать изменения "реквизита"
В документах VueJs 2.0 я не могу найти никаких хуков, которые бы слушали propsизменения. У VueJs есть такие хуки как onPropsUpdated()или похожие? Обновить Как и предложил @wostex, я попытался сделать watchэто, но ничего не изменилось. Тогда я понял, что у меня есть особый случай: <template> <child :my-prop="myProp"></child> </template> <script> export …
10
Вызовите метод компонента Vue.js снаружи компонента.
Допустим, у меня есть основной экземпляр Vue, имеющий дочерние компоненты. Есть ли способ полностью вызвать метод, принадлежащий одному из этих компонентов, вне экземпляра Vue? Вот пример: var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() { return { count: 1, }; }, methods: { …
229 javascript  vue.js 
5
Vue.js - разница между v-моделью и v-bind
Я изучаю Vue с помощью онлайн-курса, и инструктор дал мне упражнение для ввода текста со значением по умолчанию. Я закончил это, используя v-модель, но преподаватель выбрал v-bind: value, и я не понимаю почему. Может кто-нибудь дать мне простое объяснение разницы между этими двумя и когда лучше использовать каждый?
10
Могу ли я передать параметры в вычисляемых свойствах в Vue.Js
Возможно ли передать параметр в вычисляемых свойствах в Vue.Js. Я вижу, что, используя getters / setter с помощью computed, они могут взять параметр и присвоить его переменной. как здесь из документации : // ... computed: { fullName: { // getter get: function () { return this.firstName + ' ' + …
5
Отображение неэкранированного HTML в Vue.js
Как я могу получить интерпретацию HTML внутри привязки усов? В настоящий момент break ( <br />) просто отображается / экранируется. Небольшое приложение Vue: var logapp = new Vue({ el: '#logapp', data: { title: 'Logs', logs: [ { status: true, type: 'Import', desc: 'Learn<br />JavaScript', date: '11.11.2015', id: 1 }, { …
191 javascript  html  vue.js 
7
Vue v-on: щелчок не работает на компоненте
Я пытаюсь использовать директиву on click внутри компонента, но она не работает. Когда я щелкаю по компоненту, ничего не происходит, когда я должен получить «проверенный щелчок» в консоли. Я не вижу никаких ошибок в консоли, поэтому я не знаю, что я делаю не так. index.html <!DOCTYPE html> <html> <head> <meta …
24
Vue 2 - Мутирующие реквизиты vue-warn
Я начал серию https://laracasts.com/series/learning-vue-step-by-step . Я остановился на уроке Vue, Laravel и AJAX с этой ошибкой: vue.js: 2574 [Vue warn]: избегайте прямого изменения свойства, так как значение будет перезаписываться при каждом повторном рендеринге родительского компонента. Вместо этого используйте данные или вычисляемое свойство, основанное на значении реквизита. Пропуская мутирование: «список» (находится …
1
Разница между созданными и смонтированными событиями в Vue.js
Vue.js документация описывает createdи mountedсобытия следующим образом : created Вызывается синхронно после создания экземпляра. На этом этапе экземпляр завершил обработку параметров, что означает следующее: наблюдение данных, вычисленные свойства, методы, обратные вызовы наблюдения / события. Однако этап монтирования еще не начался, и свойство $ el пока не будет доступно. mounted Вызывается …
181 javascript  vue.js 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.