блин, стыдоба, а ведь я взялся учить vue, не знаю import\export, лямбда выражений...

бывает 🤷‍♀️

для этого и учишься

уже знаю вышеописанное) и все стает на свои места))

Нам от этого не проще

как то так https://jsfiddle.net/d131Lebj/1034/

попробуй выделить несколько items

и что там не так?

выделение не сохраняется?

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

если ему передать v-bind:value="['1', '2']" несколько значений

про типы данных почитай

у тебя там сравнение чисел со строками

при чем тут это если с 1 полем рабоатет ?

v-bind:value="['1']" работает и выделяется то что нужно

У меня и с одним не работает как надо

https://jsfiddle.net/d131Lebj/1049/

вот еще раз

На#уевертил

заметь v-bind:value="['1']" != v-bind:value="[1]"

А я умею выделять два https://monosnap.com/file/NwwqKBqR2cbN3wEelMZKGfx84OuWbM

И даже три

Код - шляпа, даже лениво разбираться зачем так сложно все

предложи другой вариант

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

А я умею выделять два https://monosnap.com/file/NwwqKBqR2cbN3wEelMZKGfx84OuWbM

значения в стейте менеяются, а в самом селекте не подсвечиваются

Номер карты давать или вебмани? Можно битком

бля все с вами понятно пиздеть только любите, на простой вопрос не можите ответить как в vue js выделить несколько options одновременно

сам разберусю сорян

бля все с вами понятно пиздеть только любите, на простой вопрос не можите ответить как в vue js выделить несколько options одновременно

https://ru.vuejs.org/v2/guide/forms.html#%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B8%D0%B5-%D1%81%D0%BF%D0%B8%D1%81%D0%BA%D0%B8 что будет в модели, то будет выбираться в вариантах

сам разберусю сорян

Нет, только не это. Не лишай нас шанса потратить личное время на решение твоих проблем

Давайте без переходов на личности

Давайте без переходов на личности

Сорян, бомбит немного, сижу уже час и не могу просто выделить несколько options одновременно Давай так что я дожен передать в моделе для обычного селекта, просто стрингу ? А для мультиселекта массив ?

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

На атрибуты selected не обращает внимания

А для мультиселекта и для обычного селекта мы эти данные ложим в :value ?

Да

ну вот смотри https://jsfiddle.net/d131Lebj/1068/ один и тот же компонент, но в 1 случае мы передаем value="['2', '1'] а во втором value="['2']

в первом случае опшионс не выделяется, а во втором выделяется

Если без выноса в компонент попробовать сначала. И без слота

щас запилю

Разные типы пропс описываются не так

Там массив

https://jsfiddle.net/d131Lebj/1077/

Разные типы пропс описываются не так

непонял о чем ты, об props: ['value'] ?

Не value: String | Array а value: [String, Array]

Не value: String | Array а value: [String, Array]

понял, учту, пасибо за подсазку

ну вот смотри https://jsfiddle.net/d131Lebj/1068/ один и тот же компонент, но в 1 случае мы передаем value="['2', '1'] а во втором value="['2']

Для начала надо было разобраться, как работает multiple select

А он не работает так, как ты ожидаешь

К примеру в value хранится только одно выбранное значение

в этот то и проблема, хочется понять как он во vue работае

А чтобы достать все значения надо делать так: function getSelectedOptions(sel, fn) { var opts = [], opt; // loop through options in select list for (var i=0, len=sel.options.length; i<len; i++) { opt = sel.options[i]; // check if selected if ( opt.selected ) { // add to array of option elements to return from this function opts.push(opt); // invoke optional callback function if provided if (fn) { fn(opt); } } } // return array containing references to selected option elements return opts; }

Это в обычном js

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

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

Хотя вью это решает, и можна юзать обычный v-model

я выше кидал ссылку на jsfiddle и почему то там это не работает

Я вижу, щас ковыряю

https://jsfiddle.net/d131Lebj/1104/

Вот

Ну так просто <select v-model="value" multiple> же и все, не?

https://jsfiddle.net/d131Lebj/1106/

Привет! Объясните, пожалуйста, что я делаю не так. На Stack'e решения не нашёл. Ошибка в консоли https://codesandbox.io/s/mqm8qmolqj

https://jsfiddle.net/d131Lebj/1106/

Да, только пропс напрямую нельзя изменять

Привет! Объясните, пожалуйста, что я делаю не так. На Stack'e решения не нашёл. Ошибка в консоли https://codesandbox.io/s/mqm8qmolqj

https://codesandbox.io/s/ykpqr26zkx

https://codesandbox.io/s/ykpqr26zkx

Спасибо, Арсен! А если я хочу обойтись без дополнительного <div/> ?

Не получится

Корневой элемент не может быть на v-for

Корневой элемент не может быть на v-for

Ааа, вот оно что. Спасибо ещё раз!

Там же даже sandbox пишет эту ошибку

кстати, а почему в компоненте может быть только один корневой элемент?

А почему у человека может быть только одно тело?

А почему у человека может быть только одно тело?

Не очень сравнение

один хрен компонент обернут в <template></template>

Ну и шо

В DOM же вставляется не template

А его содержимое

https://github.com/vuejs/vue/issues/7088

https://jsfiddle.net/d131Lebj/1106/

вообще не вьехал почему у меня тоже самое не работало :(