фак, у меня его нет, точно

.babelrc

гигантская благодарность тебе, камрад! Всё заработало, скопировал .babelrc с работающего проекта.

та не за что)

Этот файл надо вручную создавать или он кем-то генерируется?

ну вообще при vue init webpack-simple сам

там только нужно добавить прессет stage-2

а... понял, спасибо

@leshgan https://babeljs.io/docs/plugins/transform-object-rest-spread/

можно вот так еще

спасибо!\

как-то можно вынести куски HTML в другие файлы, подключать их по необходимости, чтобы это всё не в одном файле было во время разработки?

как-то можно вынести куски HTML в другие файлы, подключать их по необходимости, чтобы это всё не в одном файле было во время разработки?

компоненты так и делают

компоненты так и делают

типа такого? Vue.component('machines-list', { props: ['machine'], template: '<tr @click="callMethod">' + '<td>{{ machine.name }}</td> ' + '<td>{{ machine.number }}</td>' + '<td>{{ machine.mac }}</td>' + '<td>{{ machine.location }}</td>' + '<td>{{ machine.count }}</td></tr>', methods: { callMethod: function () { // console.log(this.machine); checkList.getList(this.machine); } } });

типа такого? Vue.component('machines-list', { props: ['machine'], template: '<tr @click="callMethod">' + '<td>{{ machine.name }}</td> ' + '<td>{{ machine.number }}</td>' + '<td>{{ machine.mac }}</td>' + '<td>{{ machine.location }}</td>' + '<td>{{ machine.count }}</td></tr>', methods: { callMethod: function () { // console.log(this.machine); checkList.getList(this.machine); } } });

ага

типа такого? Vue.component('machines-list', { props: ['machine'], template: '<tr @click="callMethod">' + '<td>{{ machine.name }}</td> ' + '<td>{{ machine.number }}</td>' + '<td>{{ machine.mac }}</td>' + '<td>{{ machine.location }}</td>' + '<td>{{ machine.count }}</td></tr>', methods: { callMethod: function () { // console.log(this.machine); checkList.getList(this.machine); } } });

можно компоненты делать в виде отдельных .vue файлов и собирать сборщиком

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

нет, до сборщиков я ещё не добрался

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

ну это как бы оно и есть. Просто если не делать отдельными файлами и не юзать сборщики, то получится еще хуже, много всего в одном файле. Ты спрашивал про вынос в отдельный файл. Вот это уже сборка. Там ничего сложного нет, просто попробуй в доке почитай про vue-cli и сделай по примерам

ну это как бы оно и есть. Просто если не делать отдельными файлами и не юзать сборщики, то получится еще хуже, много всего в одном файле. Ты спрашивал про вынос в отдельный файл. Вот это уже сборка. Там ничего сложного нет, просто попробуй в доке почитай про vue-cli и сделай по примерам

похоже придется так и делать. хорошо, спасибо.

Хао всем. У меня скорее концептуальный вопрос :) Ковыряю vue в качестве хобби, пилю вечерами spa. И возник вопрос. Есть экран, там тулбар, сайдбар и основная рабочая область с роутером. Но ведь можно собрать и сам экран через роутер, т. е. закинуть именованые роуты на один путь и разложить каждый компонент в свой роут. Так они будут менее зависимы. С другой стороны не очень понятно, стоит ли оно того. Вот и вопрос, а как более опытные товарищи делают?

та все зависит от тз, на самом то деле)

Таки нет тз :) Когда-то игрался с ext js, думал тут по такому пути пойти: рабочее место и все остальное внутри него. Так как я много пилю всякого для реальных проектов (не js), понятно, что в зависимости от того кто... ммм залогинен, на тулбар и сайдбаре может что-то меняться, как и внутри самой рабочей области. Вариант с разделение всего через роутером выглядит привлекательнее, но чот я не знаю, боюсь перемудрить :)

Alexey ну роль юзера можно ведь в vuex хранить и менять содержимое того-же навбара в хуке роутера

Угу, только сама эта страница будет пипей... а если разделить - вроде как получается все более локализовано. Вот и сижу размышляю. Вариант все в одном я уже сделал, думаю просто стоит ли продолжать так или пока еще не так страшно - переделать.

Ок, пока еще подумаю. Понятно что можно и так и сяк сделать. :)

В любом случае - спасибо.

Не подскажите как сделать так, чтобы при рендеринге select dropdown выбирася автоматически option по условию. Я написал так: <option v-for="template in templates" v-bind:value="template.id" v-bind:selected="template.id === defaultTemplate ? 'selected' : ''"> Но ничего не выбирается

Навесь на select v-model и ему уже присваивай то value, которое нужно по дефолту

Не подскажите как сделать так, чтобы при рендеринге select dropdown выбирася автоматически option по условию. Я написал так: <option v-for="template in templates" v-bind:value="template.id" v-bind:selected="template.id === defaultTemplate ? 'selected' : ''"> Но ничего не выбирается

v-bind:selected.prop="..."

Сейчас проверю

Навесь на select v-model и ему уже присваивай то value, которое нужно по дефолту

Спс, сделал

v-bind:selected.prop="..."

Ну и советы, Рафик)

не прав чтоль?

вью пофигу ж на атрибуты checked/selected, он на v-model смотрит

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

впрочем v-model так v-model ?‍♂️

А можно как то получить список всех v-model ?

v-model привязываются к данным, вот в данных и есть весь список всего актуального

Тут просто сделано так, что в data попадает объект с методами, а в html присваивается v-model="data_variable.method_name". Я пробую в data преедать так же data: { data_variable.method_name: value } Но не работает так, не пойму как сделать в этом случае. Вообще в data_variable.method_name хранится просто число

может примерчик в jsfiddle?

Сек

https://jsfiddle.net/9endbfpf/

В общем пример дурацкий

Там просто из фреймворка выдрал я

Ну сделайте пример с тестовыми данными :)

Я думаю с тестовыми будет все ок)

зато будет понятно в какую сторону копать

Я поэтому и думал как то получить списко всех v-models

вам не нужно их получать, они уже у вас есть в данных компонента

Ну например у меня стоит vue tools для chrome, там в data должны быть все модели перечислены? Я просто там вижу тольк то, что передаю в data

Еще есть computed

можно ли задать дефолтное значение селекту, если варианты селекта берутся из базы?

да, или список с моделями

можно ли задать дефолтное значение селекту, если варианты селекта берутся из базы?

хранить дефолтное значение в переменной, к которой привязан селект

а потом изменить его можно будет же?

что посмотреть, чтобы это сделать?

да

документацию почитать :)

ну, конкретно. случайно, вы не имеете в виду присвоить значение переменной в mounted?

или в какой-то другой момент

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

ну, конкретно. случайно, вы не имеете в виду присвоить значение переменной в mounted?

https://vuejs.org/v2/guide/forms.html#Select

Тогда уж https://ru.vuejs.org/v2/guide/forms.html

data() return { cabinet : this.group.default_cabinet_id }

так например?

ERROR: S client not available

да, только this.group это что

data вычислится один раз и всё

потом её менять только присваивая новое значение

в группах я создаю занятие. занятие должно проводиться в каком-то кабинете. в группе есть дефолтный id кабинета

Я понял v-model="model.document_template_id", это не указание создать модель, а следить за этими данными, верно?

Я в computed сделал функцию, она меняет id в model.template

Но пока я в vue tools не выбираюмой компонент, на странце ничего не меняется

В общем сложно переделывать чужой код, когда сам плохо понимаешь что делаешь

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

Я понял v-model="model.document_template_id", это не указание создать модель, а следить за этими данными, верно?

он может следить, и изменять эти данные

Всем привет! А расскажите из первых уст, почему вы выбрали вью. Что нравится, что не нравится.

1. производительность. 2. цикл жизни фреймворков подсказывает, что vue будет топовым скоро.

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

Срабатывает) ну или покажите пример

Всем привет! А расскажите из первых уст, почему вы выбрали вью. Что нравится, что не нравится.

Удобно интегрировать в существующий проект чтобы итерациями переписывать не останавливая разработку, и не начиная параллельно всё с нуля. С шагом сборки в vue-файлах много плюшек накрутить можно. Быстро работает, не нужно заморачиваться например как в реакте описывая когда компонент должен обновляться или нет

Всем привет! А расскажите из первых уст, почему вы выбрали вью. Что нравится, что не нравится.

Не нравится, не нашёл для себя идеального способа валидации данных.

this.group то откуда берется

это модальное окно. group берется из шаблона самой страницы

и у <v-select дважды value

и берется он успешно, т.к. список вариантов селектов появляется правильно

и у <v-select дважды value

это с прототипа переносил, забыл убрать мусор. :value все равно же игнорирует этот аттрибут

и берется он успешно, т.к. список вариантов селектов появляется правильно

Так а где там обработчик

может тож пример на jsfiddle?

selectOfficeCabinet(val) { if (val) this.form.office_cabinet_id = val.id; this.form.office_cabinet = val; },

selectOfficeCabinet(val) { if (val) this.form.office_cabinet_id = val.id; this.form.office_cabinet = val; },

: это от чего сокращение? :)

не понял

сокращение?

где вы на change вешаете обработчик, там неправильно

<v-select :on-change="selectOfficeCabinet"

это vue-select

вот, да, тут неправильно