vue中一般select都绑定v-model,但是v-model只保存value值,如果想同时取出option的文本,则麻烦些
下面方法目前只适用于select单选
方法:
1.给select 加 ref属性
<Select placeholder="请选择" v-model="currentTemplate" ref="newText" @change="insertTemplate">
<Option v-for="(item,index) in templateData" :key="index" :value="item.channelId">{{item.channelTitle}}</Option>
</Select>
2.方法中从ref取选中数据
insertTemplate(){
//console.log(this.currentTemplate)
//console.log(this.$refs.newText)
//得到选中value
console.log(this.$refs.newText.value)
//得到选中文本
console.log(this.$refs.newText.selectedSingle)
},