Vue获取select下拉框中的text值

html代码：

注意onchange事件不要用Vue的@change事件，否则获取不到text，可以先获取到text的值，在通Vue把text的值赋给要提交后台的字段

<select v-model="registerBkReceive.transferId" class="form-control" onchange="getText (this.options[this.options.selectedIndex].text)">
    <option v-for="option in optionswd" v-bind:value="option.deptId">
        {{ option.name }}
    </option>
</select>

JQ代码：

function getText (val) {
    console.log("text数据")
    console.log("获取的text："+val)
    //获取的text赋值给要提交后台的字段
    vm.registerBkReceive.name=val;
    console.log("要提交到后台的："+vm.budgetDetail.name)
}

此方法有一个弊端，有几个select要获取text的值，就要写几个类似getText()的方法

标签： select vue