Добавить элемент в варианте

Добавить элемент в варианте

28.01.2020 12:05:54 Просмотров 33 Источник

Я создаю этот пост, потому что пытаюсь добавить и удалить опцию в HTML select from a function.

Я искал везде, но, к сожалению, ничего не нашел.

заранее благодарю вас за помощь!

methods: {
  addElement() {
    // function add option in actions select
  }
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<template>
  <div class="col-md-10 col-md-offset-1">
          <select name="actions" v-model="model.actions" class="form-control">
          </select>
  </div>
</template>

У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/59945237/add-element-in-option#comment106010623_59945237
пожалуйста, предоставьте то, что вы пробовали до сих пор
https://stackoverflow.com/questions/59945237/add-element-in-option#comment106010729_59945237
покажите ваши варианты и функции, которые вы говорите
https://stackoverflow.com/questions/59945237/add-element-in-option#comment106010761_59945237
Сейчас у меня ничего нет, я даже не знаю, с чего начать.
https://stackoverflow.com/questions/59945237/add-element-in-option#comment106010831_59945237
тогда мы не сможем вам помочь!
https://stackoverflow.com/questions/59945237/add-element-in-option#comment106010927_59945237
опции.соединение (0,1)? при использовании Vue data driven
https://stackoverflow.com/questions/59945237/add-element-in-option#comment106011273_59945237
Пожалуйста, покажите нам ваш код!
https://stackoverflow.com/questions/59945237/add-element-in-option#comment106011336_59945237
Для удаления одной опции из опций вы должны сделать так: опции.соединение (индекс, 1);
https://stackoverflow.com/questions/59945237/add-element-in-option#comment106011359_59945237
Для добавления одного варианта к вариантам вы должны сделать так: параметры.push ({ /* ваш вариант */});
https://stackoverflow.com/questions/59945237/add-element-in-option#comment106011604_59945237
Спасибо @Sherzodbek и Estradiaz, я попробую !!

Ответы - Добавить элемент в варианте / Add element in option

Является ответом!
webprogrammer

28.01.2020 01:31:42

Пример из документов vue https://vuejs.org/v2/guide/forms.html#Select (найдите использование v-forс selectна этой странице):

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


new Vue({
  el: '...',
  data: {
    selected: 'A',
    options: [
      { text: 'One', value: 'A' },
      { text: 'Two', value: 'B' },
      { text: 'Three', value: 'C' }
    ]
  }
})

Если вы хотите добавить опцию для select, просто создайте некоторый метод addOption(option):

methods:{
    addOption(option){
        this.options.push(option);
    }
}
Закрыть X