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

Навесь на 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 }

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

да, только 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

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

ну это биндим пропс вниз лишь

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

я бы еще добавил систему миксинов и плагинов

ну это биндим пропс вниз лишь

а для идиота, пожалуйста, поясните?))

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

значение

а можно ли как-то обработчик один раз вызвать, как только он data получил?

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

ванильным js

тааак, надо про vue-select тогда читать

я думал там имелся ввиду @change="handler"

я почему-то думал, что vue-select'ом все по дефолту уже пользуются

ну вот в первом примере <v-select :value.sync="selected" :options="options"></v-select> data() { return { selected: null, options: ['foo','bar','baz'] } } если в selected вместо null стояло бы 'foo' то предвыбрался этот пункт

по дефолту обычный <select> пишут)