vue中同时获取select下拉框的值和文本(Key,Value)

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)

},

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章