Question

如何为清除选择选项字段创建功能或按钮？我尝试

 <input type="reset" value="x" />

但是当我清除一个字段时，所有字段都被清除。我不确定您是否需要带有基本选择字段的代码？我以任何方式接受

Answer 1

可以使用event handlers手动解决。做：

<input value="x" @click="clearOneField" />

然后在您的方法挂钩到脚本中，实现您的方法：

clearOneField() {
  this.field = null;
}

Answer 2

让我们举个例子。您可以使用v模型：

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p>{{ message }}</p>
  <select v-model="select">
    <option value="">None</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  </select>
  <button v-on:click="clear">x</button>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    selectvalue: ''
  }
})
</script>

提琴：https://jsfiddle.net/vpqnh9dt/

如何清除Vue.js中单击（x）按钮的选择选项？

2 个答案: