element ui 同时获取select中绑定的value值(id)及label值

因为不同的业务场景,后台需要传选中的id及name,循环遍历也可以取得label的值,但是这样太麻烦了,

选中后,双向绑定获得的是id的值,想要取得label的值,利用ref属性,来进行实现

element ui 同时获取select中绑定的value值(id)及label值_第1张图片

this.$nextTick(() => {
  let str = this.$refs.emsNameLabel.selected.label
  // 截取-后面的
  let index = str.indexOf('-')
  this.dataForm.shipperCode = str.substring(index + 1, str.length)
  this.dataForm.shipperName = str.substring(0, index)  // 截取前面的
})

this.$refs.emsNameLabel.selected 中可以取到当前所选的label值,里面也有很多可用的方法

element ui 同时获取select中绑定的value值(id)及label值_第2张图片

你可能感兴趣的:(web前端,element,前端,vue.js,javascript,es6,html)