Vue.js Выбрать все параметры

Question

Я попытался использовать Vue.js, чтобы сделать выбор со списком опций и одной опцией под названием «Любой», которая выберет все опции.

Я хочу использовать HTML, выберите тег, а не флажок.

Я пытаюсь сделать что-то подобное, но я не уверен, что это правильный способ сделать это.

<div id="app">
    <select v-model="selected">
        <option v-for="option in options" v-bind:value="option.value">{{option.text}}</option>
    </select>

    <span>Selected: {{ selected }}</span>
</div>

let app = new Vue({
    el: '#app',
    data: {
        selected: ['A', 'B', 'C'],
        options: [
            { text: 'One', value: 'A' },
            { text: 'Two', value: 'B' },
            { text: 'Three', value: 'C' },
            { text: 'Any', value: ['A', 'B', 'C'] },
       ]
    }
});

Answer 1

Ваше свойство данных должно быть функцией, а не объектом.попробуйте это:

data(){
    return {
        selected: ['A', 'B', 'C'],
        options: [
            { text: 'One', value: 'A' },
            { text: 'Two', value: 'B' },
            { text: 'Three', value: 'C' },
            { text: 'Any', value: ['A', 'B', 'C'] },
       ]
    }
  }

Также посмотрите документы, по которым вы должны иметь данные как функцию почти во всех случаях.