а в документации что-то пока и не найду место, где предлагают просто рекваирить vue-файлы

надо найти и если что подправить

Всё заработало, просто добавил .default

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

В следующий раз не стоит на авось обновляться до других мажорных версий)

ну я когда решил обновится - морально готовился к тому что сломается всё))) Но на старых версиях сидеть как-то неоч

тупо 4 кнопки при нажатии на которые получаю с сервера данные и на основе этих данных через require подключаю шаблон

Роутер не подходит?

https://vuejs.org/v2/guide/team.html

“Let’s route a vue app” https://medium.com/@disjfa/lets-route-a-vue-app-aa9c3f3dbdf8

https://twitter.com/PostCSS/status/882342020848766978

ох, занятный баг прилетел))) в 2.2.2 работает, на последней ошибку кидает

сейчас буду по очереди все версии переключать

ох, занятный баг прилетел))) в 2.2.2 работает, на последней ошибку кидает

Поделишься?

у меня DataTable и переключатель. Когда выбран один - в таблице один конфиг колонок и адрес откуда данные тянуть, когда выбран другой соответственно другие

вот при переключении стала ошибка падать

и смотрю похоже конфиг для ajax переключился, а конфиг настроек таблицы остался тем же

в 2.3.3 стало падать)

Интересно

обожаю вью :)

пофиксил в 13 символов :D

похоже пробовал переиспользовать существующую таблицу

добавил им key и стало работать

видимо внутрях что-то поменяли, раз раньше работало

первый раз применяю key без биндинга, просто указывая строку

Используй v-html

Спасибо.

функцию посмотреть бы

Да там всё просто, нативные эможи в картинки конвертит она.

добавил им key и стало работать

да да, там раньше можно было key опускать, ща нет

Это с v-for такое добавили, да

ща, погоди я ищу, просто вчера это читал

у меня все прозаичнее

@* Таблица заявок *@ <template v-if="showRequests"> <dashboard-grid :title="tableTitle" :config="requestsConfig" :data-source="requestsDataSource"></dashboard-grid> </template> @* Таблица клиентов *@ <template v-if="showClients"> <dashboard-grid :title="tableTitle" :config="clientsConfig" :data-source="clientsDataSource"></dashboard-grid> </template>

ща, погоди я ищу, просто вчера это читал

https://ru.vuejs.org/v2/guide/list.html#Компоненты-и-v-for

Нет, у меня же не v-for :)

но он видимо пробует переиспользовать всё равно

кто как пагинацию на Vue делает?

елемент уи

кто как пагинацию на Vue делает?

Беру из element-ui

это типа css фреймворк?

http://element.eleme.io/#/en-US/component/quickstart

народ, такой вопрос по елемент юай

есть el-form, внутри парочка el-input, и есть el-button

как по ентеру отправлять форму?

@keyup.enter="submitForm()" на баттоне и инпутах не пашет

только на диве обёртке

а погуглить? :)

https://forum.vuejs.org/t/how-to-listen-for-an-enter-on-an-element-ui-form/11631/3

la form, el button

https://forum.vuejs.org/t/how-to-listen-for-an-enter-on-an-element-ui-form/11631/3

о блин, нэйтив, чёт не подумал, данке :))

а погуглить? :)

а я гуглил, эно чёт этот пост пропустил

@termosa https://www.npmjs.com/package/butternut

для пагинации такую штуковину кто-нибудь юзал? https://github.com/TahaSh/vue-paginate

const -> let. Забавная минификация.

для пагинации такую штуковину кто-нибудь юзал? https://github.com/TahaSh/vue-paginate

А чем не подошёл тот вариант, что мы тебе предложили?

для пагинации такую штуковину кто-нибудь юзал? https://github.com/TahaSh/vue-paginate

http://element.eleme.io/#/en-US/component/pagination

ага, именно это и читаю

пример бы еще какой, не до конца понятно как это юзать

кто-нибудь в element ui пытался select стилизовать?

ну выпадающий список а сам select

пример бы еще какой, не до конца понятно как это юзать

<el-pagination layout="prev, pager, next" :total="50"> </el-pagination>

усё

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

какую например?

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

Да. Ты ему количество элементов, он тебе красивый список чисел и события.

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

ERROR: S client not available

а как в такой компонент запихнуть логику, что всех устроит? есть пропсы, есть ивенты, дальше сам :)

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

Ну сделай миксин/функцию/модуль, которая будет тебе резать твой массив.

computed скорее

ну вот у товарища на гитхабе как то все понятнее вроде... new Vue({ el: '#app', data: { langs: ['JavaScript', 'PHP', 'HTML', 'CSS', 'Ruby', 'Python', 'Erlang'], paginate: ['languages'] } }) <paginate name="languages" :list="langs" :per="2" > <li v-for="lang in paginated('languages')"> {{ lang }} </li> </paginate> Не?

не

не расширяемо

потом захочется данные пагинации тащить с сервера

ну вот у товарища на гитхабе как то все понятнее вроде... new Vue({ el: '#app', data: { langs: ['JavaScript', 'PHP', 'HTML', 'CSS', 'Ruby', 'Python', 'Erlang'], paginate: ['languages'] } }) <paginate name="languages" :list="langs" :per="2" > <li v-for="lang in paginated('languages')"> {{ lang }} </li> </paginate> Не?

Сходу не понятно, че он там под капотом с langs делает. Наверное, берет длину массива. И точно так же эмитит событие.

размер только смущает, в минималке более 60 кб

В element-ui ты передаешь не массив, а его длину

размер только смущает, в минималке более 60 кб

Дофига че т

тащить для одной только пагинации 60 кб...это походу не комильфо

в элемент пагинация 20кило

честного говоря, ни то, ни другое не впечатляет...само оформление пагинации есть в нормальных css фреймворках, например, в Bulma, который я сейчас использую...можно, конечно, вместо него использовать этот Element UI...тока профит пока что не понятен

в элемент пагинация 20кило

откуда циферка, я вроде в дефолтной теме посмотрел...всего 4 кб

откуда циферка, я вроде в дефолтной теме посмотрел...всего 4 кб

Посмотрел js пагинации :)

честного говоря, ни то, ни другое не впечатляет...само оформление пагинации есть в нормальных css фреймворках, например, в Bulma, который я сейчас использую...можно, конечно, вместо него использовать этот Element UI...тока профит пока что не понятен

В элемент кидаются пропсы и вытягиваются ивенты

Стили можешь даже е юзать

Посмотрел js пагинации :)

Не мин

Кто-нить умный может подсказать, как решить такую конструкцию? <div class="content__test" v-if="id == 1"></div> <div class="content__test" v-if="id == 2"></div> <div class="content__test" v-if="id == 3"></div> <div class="content__test" v-if="id == 4"></div> <div class="content__test" v-if="id == 5"></div> <div class="content__test" v-if="id == 6"></div> <div class="content__test" v-if="id == 7"></div> <div class="content__test" v-if="id == 8"></div> <div class="content__test" v-if="id == 9"></div> <div class="content__test" v-if="id == 10"></div> <div class="content__test" v-if="id == 11"></div> <div class="content__test" v-if="id == 12"></div>

внутри этих блоков будет захардкоженный текст и другой обычный html

так если текст захардкожен, то смысл ваще?

или он так и в переменной?

если в переменной, то можно ассоциативный массив фигануть

Подрос https://bootstrap-vue.js.org/

<div v-if="data[id]"

если в переменной, то можно ассоциативный массив фигануть

ну на самом деле это все типо страницы будут

от роутера получаю id черз tests/:id

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

а чем тогда роутер не катит?

так я и использую роутер