Доброго дня) Реализую кастомный select (VUE 2), корректно ли подобным образом

Question

Доброго дня) Реализую кастомный select (VUE 2), корректно ли подобным образом

привязывать v-model к компоненту?

//Parent
<customSelect v-model="selectedData" :options="options" />

//customSelect.vue

<ul v-show="isOpened">
<li v-for="option in options" :key="option.value" @click="change(option)">
<p class="select__item">
{{ option.name }}
</p>
</li>
</ul>

...

methods: {
change(option) {
this.$emit("input", option.value);
}
}

#frontend #javascript #programming #russian #vue.js

0

11.05.2023

5 ответов

34 просмотра

Фәнил Зарип Автор вопроса

Grigorii K. Shartsev
Кастомный селект должен состоять из интерактивных ...

Ок скорректирую, спасибо, а по поводу привязки v-model?

0

11.05.2023

Grigorii K. Shartsev

Фәнил Зарип
Ок скорректирую, спасибо, а по поводу привязки v-m...

Лучше называть события и параметры сразу как в актуальной версии Vue, например, modelValue + update:modelValue.

0

11.05.2023

Alexey Turdakin

а зачем модель то привязывать? пропсы внутрь, эмиты наружу. модель зачем?

0

11.05.2023

Фәнил Зарип Автор вопроса

Alexey Turdakin
а зачем модель то привязывать? пропсы внутрь, эмит...

Чтобы в родителе через v-model значения забирать

0

11.05.2023

Grigorii K. Shartsev · Accepted Answer

Grigorii K. Shartsev

Кастомный селект должен состоять из интерактивных элементов, а не списка. Либо кнопки, либо радиокнопки. Также в этом примере нет никакого визуального выделения текущего выбранного значения.

0

11.05.2023

169 похожих чатов

Доброго дня) Реализую кастомный select (VUE 2), корректно ли подобным образом

5 ответов

Похожие вопросы