时间戳

首页 > 解决方案 > 在选项中添加元素

vue.js - 在选项中添加元素

问题描述

我正在创建这篇文章，因为我正在尝试在 HTML 中从函数中选择添加和删除选项。

我到处搜索，但不幸的是我什么也没找到。

预先感谢您的帮助！

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>

标签： vue.js

解决方案

来自 vue 文档https://vuejs.org/v2/guide/forms.html#Select的示例（在该页面查找 using v-forwith ）：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);
    }
}

推荐阅读