0

我这项目中有个表单提交,其中有一项是下拉框如图:在提交的时候,需要提交对应的value值给后台,我绑定的是v-model="formValidate.virtue",那么提交的时候如何提交对应的value值?


代码是:

 <Select v-model="formValidate.virtue" placeholder="请选择属性" ref="areaType">
                    <Option value="1">正常</Option>
                    <Option value="2">乙肝</Option>
                    <Option value="3">丙肝</Option>
                  </Select>

提交数据的代码:箭头处该怎么填啊?要怎么获取value值?

4个回答

0

已采纳

这里没必要用refs来获取value值,直接使用this.formValidate.virtue即可(前面有回答者提供了这个)。我补充下vue.js文档:vue.js文档 表单输入绑定->动态选项,用 v-for 渲染:。不用v-for循环也一样。

data{
   formValidate: {
        virtue: ''
    }, 
}
0
    <select v-model="selected">
      <option v-for="(option,index) in options" v-bind:value="option.value" :key="index">  
        {{ option.text }}  
      </option>
    </select>
      
    js:
      data() {
          return {
              selected : 0,
              options : [
                { text: '正常', value: 0 },  
                { text: '乙肝', value: 1 },  
              ]
            }
        },
然后根据selected的是0还是1来判断选择的值
0

this.formValidate.virtue对应拿到的就是选择选项的value

0

已经解决 用this.$refs.areaType.value 获取

撰写答案