vue-component- все статьи тега


Как определить стили css для vue.компонент js при регистрации этого компонента?

Я могу зарегистрировать обычай vue.компонент js с // register Vue.component('my-component', { template: '<div class="my-class">A custom component!</div>' }) Также смотрите https://vuejs.org/v2/guide/components.html Как я могу включить классы css для моего компонента? Я ожидал бы чего-то вроде Vue.component('my-component', { template: '<div class="my-class">A custom component!</div>', css: '#... my css stylesheet...' }) Но, похоже, не сущес ...

Состояние доступа Vuex до завершения асинхронного действия

У меня возникли проблемы, когда вычисляемый геттер обращается к состоянию до его обновления, таким образом, представляя старое состояние. Я уже пробовал некоторые вещи, такие как слияние мутаций с действиями и изменение состояния на множество различных значений, но геттер все еще вызывается до завершения отправки. Задача Состояние вызывается до завершения асинхронного действия (вызова api). Структура кода компонент a загружает API данные. пользователь нажимает 1 из данных. компонент А о ...

Импорт вспомогательного класса в компонент Vue

Я хотел бы импортировать вспомогательный класс, а не вставлять логику в мой компонент. Я получаю следующую ошибку: http://eslint.org/docs/rules/no-unused-vars 'NavbarService' is defined but never used /сервисы / NavbarService.js class NavbarService { constructor (init) { this.init = init; } static applications () { return [ { name: 'Administration' }, { name: 'Standard' } ]; } static views () { return [ { name: 'Providers', path: '/providers ...

Компоненты Vuejs ждут инициализации

Чтобы дать некоторый контекст, у меня есть приложениеvuejs , использующееvue-router иvuex . app.vue загрузочный код foo.vue некоторый компонент, который отображается на маршруте /foo bar.vue некоторый компонент, который отображается на маршруте /bar При запуске приложения мне нужно синхронизировать Чтение состояния из хранилища устройства. Поскольку это асинхронная операция, она оборачивается на vue-action и вызывается на app.vue. При входе в /foo маршрут к моменту монтирования компон ...

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

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

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

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

Vue v-on: щелчок не работает на компоненте

Я пытаюсь использовать директиву on click внутри компонента, но она, похоже, не работает. Когда я нажимаю на компонент, ничего не происходит, когда я должен получить "тестовый щелчок" в консоли. Я не вижу никаких ошибок в консоли, поэтому я не знаю, что я делаю неправильно. .HTML-код <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vuetest</title> </head> <body> <div id="app"></div> <!-- built files ...