Javascript 在Vue中选择中使用选项的值

在以下方面：

<select id="test">
<option value="1">Test One</option>
<option value="2">Test Two</option>
</select>

测试一
测试二

我想要的是，当我选择该选项时，所选选项的值应该出现在输入框中。就像我单击TestOne时一样，输入框应显示为1

---

是否可以在Vue中执行此操作？

您必须使用

v-model

从

---

我希望你得到你想要的

您可以通过使用

@change

事件处理程序来完成此操作

<select @change="handleChange">
  <option 
    v-for="item in options"
    :value="item.value"
    v-text="item.letter"
  />
</select>

---

查看此

确切地说，该场景被用作中的示例，就像它是一个，我需要选择以在选中时显示“我们”。。在下拉框中，而不是在单独的变量中

new Vue({
  el: '...',
  data: {
    selected: ''
  }
})

<select @change="handleChange">
  <option 
    v-for="item in options"
    :value="item.value"
    v-text="item.letter"
  />
</select>

new Vue({
  el: "#app",
  data: {
    selected: undefined,
    options: [
      { letter: 'A', value: '1' },
      { letter: 'B', value: '2' },
    ]
  },
  methods: {
    handleChange({ target: { value } }) {
      this.selected = value
    }
  },
})