javascript - 如何在选择选项中获取v-model的值

Question

我想根据选择(回复或拒绝)对提交按钮执行操作，但我无法获取回复或拒绝的值，该怎么做？

<select class="dropdown">
   <option value=""><label>- Select -</label></option>
   <option value="Reply" v-model="Reply_User">Reply</option>
   <option value="Reject" v-model="Reject_User">Reject</option>
</select>
</div>

<div id="app" class="reply_report">
   <div class="reply_send">
      <b @click="submit"> Send </b>
</div>

Answer 1

不要为选项标签提供 v-model，而是在选择标签上设置 v-model。这可能对你有用。

new Vue({
  el: "#app",
  data: {
    select: ''
  },
  methods: {
    submit(){
        console.log(this.select)
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
    <select class="dropdown" v-model="select">
       <option value=""><label>- Select -</label></option>
       <option value="Reply">Reply</option>
       <option value="Reject">Reject</option>
    </select>
    
    <div id="app" class="reply_report">
       <div class="reply_send">
          <button @click="submit"> Send </button>
      </div>
    </div>
</div>