Ты должен его засунуть там где вызываешь.

ууу....

а где же Vue.use(VueBase64FileUpload) ???

и ошибка Unknown custom element: <vue-base64-file-upload> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in —-> <LifestylesEdit> at src\views\dictionaries\LifestylesEdit.vue <Anonymous> <Full> at src\containers\Full.vue <App> at src\App.vue <Root>

а где же Vue.use(VueBase64FileUpload) ???

пробовал, но убрал ибо в ридми по другому

пробовал, но убрал ибо в ридми по другому

Бляяяяяяя

а ничо, что компонент этот годовалой давности?

Человек когда писал, надеялся, что люди головой думать.

и за этот год СТОЛЬКО уже всего поменялось

А не copy paste делать.

и за этот год СТОЛЬКО уже всего поменялось

Сколько? За это время только апи слотов поменялось.

И то, старое апи депрекейтет, но не выпилили.

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

я именно про них

Бля, что первый хуйню несет, что второй не может дальше копипасты уйти. Пойду лучше аниме смотреть.

так и что в итоге делать (

Там написано как компоненты подключать

так написано, я так же и делаю

импорт, добавил компонент в vue

Ты пихаешь в корень, а нужно пихать туда где вызываешь этот компонент! Ты разницы не видишь?

а почему Vue.use не работет

а почему Vue.use не работет

Потому, что человек написал, только компонент, а не целый плагин, который сам будет инициализировать все нужное

да и в ридми нету Vue.use. Vue.use просто обычный метод который принимает в себя функцию или обьект с методом install и тут же вызывает передаваю в первый аргумент функции или метода install инстанс vue

а авторы библиотек могут это использовать, чтоб добавлять свои фичи в прототип vue или добавлять свои компоненты глобально, через vue.component

но автор твой либы просто написал обычный компонент и собрал через вебпак

Потому, что человек написал, только компонент, а не целый плагин, который сам будет инициализировать все нужное

спасибо за разъяснения

Добрый день. Я правильно понимаю, что события во vue передаются только непосредственно ближайшему родителю, а не всем родителям до самого корня?

A > B > C С.$emit('some-event') A.$on('some-event') - работать не будет

A > B > C С.$emit('some-event') A.$on('some-event') - работать не будет

Именно. Для глобальных событий используй eventBus

Именно. Для глобальных событий используй eventBus

Спасибо

а какие у Element.io есть известные проблемы с отображением на мобилах?

щас проверил, что-то менюшку не показывает

Из шаблона в компонент, инициализированный с этого шаблона, как-то можно передать данные?

Ребята подскажите Вобщем прикрутил vue-router создал nested роуты как будто бы все работает Но стили классов вообще не действуют Только если из глобалки В чем проблема не подскажете?

@eddimensi Довольно таки грубо про хуёво про watch) Правда я тогда говорил про computed, а не про watch. Скажем так: до vue.js я со SPA сайтами не работал, а по Vue имел только примерное представление, не более того. На работе пока кроме меня никто особо не разбирается и не может подсказать, а разрабатываю я приложение для банка. По сути на чистой интуиции, прошлым и текущим опытом разрабатываю приложение.

всем привет

кто нибудь filepond vue юзал?

подскажите，как в роутере передать active-class родительскому элементу？

Добрый день. Возник вопрос по event bus в случае использования однофайловых компонентов и es6+. Есть некоторый компонент и его дочерние компоненты и их подкомпоненты и т.д. Я хочу, чтобы в них использовался один event bus. При этом в одной ситуации этот компонент будет фактически почти корневым, а в другой честно будет лишь компонентом. Возможно ли такое? Как я понимаю, если я просто выделю некоторый код eventbus и подключу в разных компонентах, то это будет разный eventbus, а не один.

Если подключать ег окак плагин, например (или лучше как-то иначе?)

Или import export в ES6 работает так, что повторный import вернёт тот же объект, что и первый import?

@ol_117 Может это имеете ввиду: // router.js const router = new VueRouter({ ... routes: [ ... { name: 'home' , path: '/' , component: HomePage , props: { namePageEngProps: "home" }}, ... ] ... }); // HomePage.vue <script> export default { ... props: ['namePageEngProps'], ... } </script>

Grigorii Подключайте один и тот же, всё будет нормально Либо Вы можете поподробнее разобраться в глобальном объявлении EventBus

@ol_117 Может это имеете ввиду: // router.js const router = new VueRouter({ ... routes: [ ... { name: 'home' , path: '/' , component: HomePage , props: { namePageEngProps: "home" }}, ... ] ... }); // HomePage.vue <script> export default { ... props: ['namePageEngProps'], ... } </script>

что то типо того, спасибо.

Grigorii Подключайте один и тот же, всё будет нормально Либо Вы можете поподробнее разобраться в глобальном объявлении EventBus

Видимо, я забыл как работают import export в es6... Можно тогда ещё глупый вопрос? Как подключить плагин в однофайловом компоненте аналогично Vue.use ?)

plugins: [PluginName] что-то не сработал...

По моему webpack в едином файле все библиотеки, которые подключались через import, записывает в самом начале

Т.е. скорее всего это будет один и тот же EventBus

Скорее всего и хотел это просто проверить, но столкнулся с тем, что не могу подключить плагин в однофайловом компоненте, и не могу нагуглить, как это делать

Grigorii // HomePage.vue <script> // Подключение компонентов import HeaderComponent from '../layout/header-main.vue'; import HeaderComponent2 from '../layout/header-main-two.vue'; export default { ... components: { HeaderComponent, "header-test" : HeaderComponent2 }, ... } </script>

@ShaGrisha // main.js var Vue = require ('../component/vue.js'); import Vuex from 'vuex'; Vue.use(Vuex); // Подключение файлов config import router from './config/router.js'; // Подключение локального хранилища данных vuex import store from './store'; new Vue({ name: "app", el: '#app', router, store, });

Grigorii // HomePage.vue <script> // Подключение компонентов import HeaderComponent from '../layout/header-main.vue'; import HeaderComponent2 from '../layout/header-main-two.vue'; export default { ... components: { HeaderComponent, "header-test" : HeaderComponent2 }, ... } </script>

Это вроде только компоненты подключает

@ShaGrisha // main.js var Vue = require ('../component/vue.js'); import Vuex from 'vuex'; Vue.use(Vuex); // Подключение файлов config import router from './config/router.js'; // Подключение локального хранилища данных vuex import store from './store'; new Vue({ name: "app", el: '#app', router, store, });

А это подключает плагин, но не в компоненте

А можно ли подключить плагин в компоненте?)

// HomePage.vue <script> // Подключение единой шины событий import { EventBus } from 'event-bus.js'; import axios from 'axios'; export default { mounted () { this.$on('header-test', inf => { this.update(); }); }, methods: { update () { axios.post('/form', { test: true, }).then(response => {}).catch(e => {}); } } }

Это я надеюсь?)

EventBus.$on("test", inf => { this.test = inf; }); Это же можно добавить в mounted

// HomePage.vue <script> // Подключение единой шины событий import { EventBus } from 'event-bus.js'; import axios from 'axios'; export default { mounted () { this.$on('header-test', inf => { this.update(); }); }, methods: { update () { axios.post('/form', { test: true, }).then(response => {}).catch(e => {}); } } }

Почти) Тут импортируется EventBus, но нигде он не подключается как плагин типа Vue.use() Или предлагается Инициализировать EventBus прямо в модуле сразу? Т.е. проблема в том, что нужна шина события для определённого компонента. Возможно, когда этот компонент потом будет использоваться отдельно (завтра), а не как корень, то там понадобится ещё одна шина событий. Потому хотелось уметь их разделять... Или так не делается?

Ребята подскажите При использовании vue-router у меня классы,стили компонентов перестают работать Это нормально?

Для подключения Vue.use() плагин должен соответствовать требованиям (каким я точно не знаю, надо читать) Т.е. просто так скорее всего он не заработает При простом импортировании в main.js тоже не прокатит - нужно как то через vue.use Я лично пока что подключаю в каждом компоненте. Но это не правильный подход и поэтому временный. Возможно есть вариант через extends - наследование шаблонов

Lucifer Нет конечно, ищите ошибку в косноли, может не правильно подключается файл .css

Для подключения Vue.use() плагин должен соответствовать требованиям (каким я точно не знаю, надо читать) Т.е. просто так скорее всего он не заработает При простом импортировании в main.js тоже не прокатит - нужно как то через vue.use Я лично пока что подключаю в каждом компоненте. Но это не правильный подход и поэтому временный. Возможно есть вариант через extends - наследование шаблонов

Требования там довольно простые, плагин точно работающий. Проблема именно в том, что я не нашёл, как подключать плагины в однофайловых компонентах...

Lucifer Нет конечно, ищите ошибку в косноли, может не правильно подключается файл .css

да нет, это же все 3 в одной, *.vue компонента, однофайловая

ERROR: S client not available

отдельные компоненты работают без vue-router

@ShaGrisha Через vue.use в main.js как вариант. А вот почему не работает - это уже другой вопрос.

в вот те которые vue-router загружает, у них стили классов не работают, без стиля показывает все

Lucifer Смотрите в коде в браузере - точно ли ничего нет Смотрите в ресурсах при загрузке. Может там будет подсказка

Lucifer Смотрите в коде в браузере - точно ли ничего нет Смотрите в ресурсах при загрузке. Может там будет подсказка

вообще без ошибок, все чисто

@ShaGrisha Через vue.use в main.js как вариант. А вот почему не работает - это уже другой вопрос.

Так и придётся, видимо... Просто это не очень красиво, но более красивого решения я пока не вижу... В любом случае, спасибо за помощь)

vue-router¦: ¦^3.0.1¦

@ShaGrisha Можете задать тот же вопрос на Toster, StackOverflow (англ) Может там больше подскажут Либо здесь же, только позже

Просто странно, что у меня есть компонент, который пользуется плагином, но я никак не могу в компоненте указать, что он должен быть подключен

Lucifer А это не от версии зависит Странная ошибка, не встречал такую

кто нибудь multiple file upload с превью делал?

Что значит "подключить плагин в однофайловом компоненте " ? О_о

Плагины для всего инстанса подключаются, а не конкретно для компонента

Да, уже понял

если нужен общий код в компонентах, можно миксины использовать

Lucifer А это не от версии зависит Странная ошибка, не встречал такую

Я примерно по такой схеме сделал https://router.vuejs.org/guide/essentials/nested-routes.html Т.е. мне нужен Layout для нескольких страниц

Как-то выходит много сложностей для решения простой задачи. Есть компоненты A>B>C>D Надо просто по событию в D вызвать метод из A. А - не root. Я так понял, это делают шиной, вот и хотел подключить шину только к А и потомкам

шиной делают либо новички (или лентяи, которые не любят читать доку), либо в очень исключительных случаях. в остальных случаях props и $emit

Как можно заменить объект в data без Object.assign() (нет вебпака и babel)? При инициализации туда уже записаны данные (два массива с объектами), по ajax приходит новый объект, нужно заменить. Vue.set не умеет заменять объекты, судя по доке, только поля у объекта.

шиной делают либо новички (или лентяи, которые не любят читать доку), либо в очень исключительных случаях. в остальных случаях props и $emit

в этом случае нужно прописывать emit и on во всееех компонентах между A и D ведь

по цепочке емитить наверх да и все

в этом случае нужно прописывать emit и on во всееех компонентах между A и D ведь

и это хорошо, т.к. явно понятно откуда что куда летит

Serge emit тоже исключительный случай - привязываемся к родительскому компоненту. Уже лучше через vuex или ту же шину

Serge emit тоже исключительный случай - привязываемся к родительскому компоненту. Уже лучше через vuex или ту же шину

Чтоа ?

emit - это как раз рекомендуемое действо, если не нужен вьюкс

а за шину вообще нужно в 99% случаях яйки откручивать

Сорян, перепутал с прямым вызовом методов options Эм, а в чём такая ненависть к шине?))

по цепочке емитить наверх да и все

просто это довольно грустно, если вложеность, скажем, 10, то надо в 10-ти местах написать одно и то же

Ну кроме того, что она загаживается событиями и её надо чистить

Всем привет. Подскажите пожалуйста. Мне надо решить такую задачу. Если, 2 элемента в data. Один из них true, другой false. С помощью этих элементов выводятся 2 блока через v-if. В зависимости от хеша в адресной строке мне нужно менять эти элементы на противоположные значения. Но эта адресная строка должна проверяться с помощью setInterval, например, каждую секунду. Я все это дело размещаю в mounted, через отладку вижу, что элементы меняются, но блоки контента остаются неизменными. Хотя если меняется элемент data, то и v-if должен меняться

просто это довольно грустно, если вложеность, скажем, 10, то надо в 10-ти местах написать одно и то же

vuex используй