Your selection is rendered cyclically in the form of an array object (non-repeating). So it can be obtained by simply operating the data form,
add@change="changeValue"

Use the Array find method to find the objects in the array using the properties of the object

changeValue(value) { console.log(value); let obj = {}; obj = this.options.find((item)=>{ return item.value === value; }); console.log(obj.label); }

具体demo如下： // html   
  

// js var Main = { data() { return { options: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶' }, { value: '选项3', label: '蚵仔煎' }, { value: '选项4', label: '龙须面' }, { value: '选项5', label: '北京烤鸭' }], value: '' } } } var Ctor = Vue.extend(Main) new Ctor({ methods:{ changeValue(value) { console.log(value); let obj = {}; obj = this.options.find((item)=>{ return item.value === value; }); console.log(obj.label); } } }).$mount('#app')

@import url("//unpkg.com/element-ui@1.3.5/lib/theme-default/index.css");

You can copy it to this address and run it

label(ref="xxx" data="56")

this.$refs.xxx.getAttribute('data')

You can try to reverse the label and value, thank you~