Вопросы с тегом «vue-component»

Компонент - это мощная функция Vue, которая позволяет расширять базовые элементы HTML для инкапсуляции повторно используемого кода.

9
Vue.js - Как правильно следить за вложенными данными
Я пытаюсь понять, как правильно наблюдать за некоторым изменением опоры. У меня есть родительский компонент (файлы .vue), который получает данные от вызова ajax, помещает данные в объект и использует его для визуализации некоторого дочернего компонента с помощью директивы v-for, что ниже упрощения моей реализации: <template> <div> <player v-for="(item, key, index) …
13
Как слушать изменения "реквизита"
В документах VueJs 2.0 я не могу найти никаких хуков, которые бы слушали propsизменения. У VueJs есть такие хуки как onPropsUpdated()или похожие? Обновить Как и предложил @wostex, я попытался сделать watchэто, но ничего не изменилось. Тогда я понял, что у меня есть особый случай: <template> <child :my-prop="myProp"></child> </template> <script> export …
7
Vue v-on: щелчок не работает на компоненте
Я пытаюсь использовать директиву on click внутри компонента, но она не работает. Когда я щелкаю по компоненту, ничего не происходит, когда я должен получить «проверенный щелчок» в консоли. Я не вижу никаких ошибок в консоли, поэтому я не знаю, что я делаю не так. index.html <!DOCTYPE html> <html> <head> <meta …
13
Как добавить внешние JS-скрипты в компоненты VueJS
Я использую два внешних скрипта для платежных шлюзов. Сейчас оба помещены в index.htmlфайл. Однако я не хочу загружать эти файлы в самом начале. Платежный шлюз нужен только тогда, когда пользователь открывает определенный компонент ( using router-view). Есть ли способ добиться этого?
13
vuejs обновляет родительские данные из дочернего компонента
Я начинаю играть с vuejs (2.0). Я построил простую страницу с одним компонентом. На странице есть один экземпляр Vue с данными. На этой странице я зарегистрировался и добавил компонент в HTML. Компонент имеет один input[type=text]. Я хочу, чтобы это значение отражалось на родителе (основной экземпляр Vue). Как правильно обновить родительские …
2
Значения по умолчанию для реквизитов компонента Vue и как проверить, не установил ли пользователь опору?
1. Как я могу установить значение по умолчанию для пропеллера компонента в Vue 2? Например, есть простой moviesкомпонент, который можно использовать следующим образом: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Но, если пользователь не указывает year: <movies></movies> тогда компонент примет некоторое значение по умолчанию для yearреквизита. 2. …
4
Vue 'экспорт по умолчанию' против 'новый Vue'
Я только что установил Vue и следовал нескольким руководствам по созданию проекта с использованием шаблона vue-cli webpack. Когда он создает компонент, я замечаю, что он связывает наши данные внутри следующего: export default { name: 'app', data: [] } В то время как в других руководствах я вижу привязку данных из: …
6
Связь между родственными компонентами в VueJs 2.0
Обзор В Vue.js 2.x model.syncбудет объявлен устаревшим . Итак, каков правильный способ взаимодействия между соседними компонентами в Vue.js 2.x ? Задний план Насколько я понимаю, Vue 2.x, предпочтительный метод для связи между братьями и сестрами - использовать хранилище или шину событий . По словам Эвана (создателя Vue): Также стоит упомянуть, …
4
Vuex - вычисленное свойство «name» было назначено, но у него нет установщика.
У меня есть компонент с проверкой формы. Это многоэтапная форма оформления заказа. Код ниже предназначен для первого шага. Я хотел бы убедиться, что пользователь ввел текст, сохранил свое имя в глобальном состоянии, а затем отправил его на следующий шаг. Я использую vee-validate и vuex <template> <div> <div class='field'> <label class='label' …
4
Динамическая передача реквизита динамическому компоненту в VueJS
У меня динамическое представление: <div id="myview"> <div :is="currentComponent"></div> </div> со связанным экземпляром Vue: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Это позволяет мне динамически изменять свой компонент. В моем случае, у меня есть три различных компонента: myComponent, myComponent1и myComponent2. И переключаюсь между ними …
6
Как решить Интерполяцию внутри атрибутов удалено. Использовать v-bind или сокращенное обозначение двоеточия? Vue.JS 2
Мой компонент vue выглядит так: <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-body"> <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne"> Show </a> </div> <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel"> ... </div> </div> </div> </template> <script> export default { ... computed: { list: function() { …
12
[Vue warn]: свойство или метод не определены в экземпляре, но используются во время рендеринга.
var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data; } }); Vue.component("main-table", MainTable); data.settingsSelected = {}; var app = new Vue({ el: "#settings", data: data, methods: { changeSetting: function(index) …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.