Запитання з тегом «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) in players" :item="item" …
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Будучи a boolean, це може бути або, 0або 1, але незалежно від того, яке значення …
277 javascript  html  forms  vue.js 
5
Імпорт ES6 за допомогою входу ('@') у проекті vue.js за допомогою Webpack
Я запускаю новий проект vue.js, тому я використовував інструмент vue-cli для того, щоб накреслити новий проект webpack (тобто vue init webpack). Під час проходження генерованих файлів я помітив у src/router/index.jsфайлі такий імпорт : import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' // <- this one is …
9
Як видалити hashbang з URL?
Як видалити hashbang #!з URL? Я знайшов варіант відключити хешбанг в документації на маршрутизатор vue ( http://vuejs.github.io/vue-router/en/options.html ), але цей параметр видаляється #!та просто ставиться# Чи є спосіб мати чистий URL? Приклад: НЕ: #!/home АЛЕ: /home
257 vue.js  vue-router 
13
Як слухати зміни «реквізиту»
У документах VueJs 2.0 я не можу знайти жодних гачків, які б слухали propsзміни. У VueJs такі гачки onPropsUpdated()чи подібні? Оновлення Як запропонував @wostex, я спробував watchвласність, але нічого не змінилося. Тоді я зрозумів, що у мене є особливий випадок: <template> <child :my-prop="myProp"></child> </template> <script> export default { props: ['myProp'] …
10
Виклик методу компонента Vue.js з-за межі компонента
Скажімо, у мене є головний екземпляр Vue, який містить дочірні компоненти. Чи існує спосіб виклику методу, що належить до одного з цих компонентів, поза інстанцією Vue цілком? Ось приклад: var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() { return { count: 1, }; …
229 javascript  vue.js 
5
Vue.js - різниця між v-моделлю і v-bind
Я вивчаю Vue за допомогою онлайн-курсу, і інструктор дав мені вправу зробити вхідний текст із значенням за замовчуванням. Я завершив його за допомогою v-model, але, інструктор вибрав v-bind: value, і я не розумію, чому. Чи може хтось дати мені просте пояснення про різницю між цими двома та коли краще використовувати …
10
Чи можу я передавати параметри в обчислюваних властивостях у Vue.Js
чи можливо це передавати параметр у обчислюваних властивостях у Vue.Js. Я бачу, коли користувачі getters / setter використовують обчислені, вони можуть взяти параметр і призначити його змінної. як з документації : // ... computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName …
5
Відображати несказований HTML у Vue.js
Як мені вдається інтерпретувати HTML всередині вуса? На даний момент перерва ( <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 }, { status: true, …
191 javascript  html  vue.js 
7
Vue v-on: натискання не працює на компоненті
Я намагаюся використовувати директиву on click у компоненті, але це, здається, не працює. Коли я натискаю повідомлення про компоненти, трапляється, коли мені потрібно отримати "тест натиснутою" в консолі. Я не бачу помилок у консолі, тому я не знаю, що я роблю неправильно. index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vuetest</title> …
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 ще не буде доступною. …
181 javascript  vue.js 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.