使用el-select中的@blur遇到的问题及解决

一.使用el-select中的@blur遇到的问题

最近在使用elementui中的el-select的时候,想要达到的效果是失去焦点之后获取el-select中选中的值,但是在实际使用中出现了如下问题:
1.直接使用@blur,第一次选中的时候,console的时候会输出一个空的内容,失去焦点再次输出想要的内容,
2.第二次选择其他内容会打印上一次选中的,失去焦点再次输出想要的内容

二.解决

1.使用*@blur.capture.native*
2.在methods中,对e.target.value进行判断,

   blurChange(e){
      if(e.target.value){  // 不加这句还会多输出一次空白的
        console.log(e.target.value,'__________');
      }
    } 

你可能感兴趣的:(ElementUI,错锦,vue.js,elementui,javascript)