el-dropdown下拉菜单,设置隐藏和显示,不让它自动收起
用到的属性(事件名称):visible-change 下拉框出现/隐藏时触发。出现则为true,隐藏则为false。如果想让它不隐藏,可以这样设置:
//下拉菜单设置一个ref属性
<el-dropdown ref='dropShow' visible-change='trueOrfalse'></el-dropdown>
//按钮
<el-button @click="showDrop">将隐藏的下拉框显示出来</el-button>
//查看下拉菜单的显示与隐藏
trueOrfalse(drop){
console.log(drop)
}
//让下拉菜单显示的方法
showDrop(){
this.$refs.dropShow.show()
}
//让下拉菜单隐藏的方法
hideDrop(){
this.$refs.dropShow.hide()
}
这种方法有一个缺点:在drop=false时设置this.$refs.dropShow.show()的话会有重新出现的阶段,会出现卡顿的现象,不流畅。