原文:https://blog.csdn.net/CarryBest/article/details/79959389
今天做项目时,用elementUI框架,需要下拉框隐藏时出发某个函数,用了visible-change这个函数,发现点击时会触发两次我自己定义的函数,看了下官网的解释 :下拉框出现/隐藏时触发 如果只想在下拉框隐藏时触发该怎么做呢?下面是解决办法:
官网定义:
Select Events
@visible-change 函数里面传递两个参数(第一个为回调参数,第二个为自己定义的参数)
前台页面:
<el-select v-model="AREACODE" placeholder="请选择" clearable @visible-change="changeValue1($event,AREACODE)"> <el-option v-for="item in AreaOptions" :key="item.AREACODE" :label="item.NAME" :value="item.AREACODE"> </el-option></el-select>
JS:
changeValue1:function(callback,vc){ //只有回调参数为false时才触发 ctx.getAreaListDataSearch(vc,1)这个函数; console.log("回调参数"+callback); if(!callback){ var ctx = this; ctx.AREACODE2=‘请选择‘; if(vc!=""){ ctx.show2 = true; ctx.getAreaListDataSearch(vc,1); } } },
这样就解决了这个函数会默认调用两次你自己定义函数的问题
原文地址:https://www.cnblogs.com/robinunix/p/11190611.html
时间: 2024-10-22 16:59:28