100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 解决el-select嵌套el-select点击内部下拉框选项导致外部下拉框消失问题。

解决el-select嵌套el-select点击内部下拉框选项导致外部下拉框消失问题。

时间:2019-05-24 23:52:08

相关推荐

解决el-select嵌套el-select点击内部下拉框选项导致外部下拉框消失问题。

是由于点击内部下拉框选项导致外部select组件clickOutside监听事件触发导致的。解决办法:内部select组件下拉框打开时暂时移除外部mouseUp监听函数,外部select组件添加 ref="xxx"属性,内部select添加 @visible-Change=""visibleChange"事件函数

visibleChange(value) {

if (value) {

this.documentHandler =this.$refs.xxx.$el['@@clickoutsideContext'].documentHandler

this.$refs.xxx.$el['@@clickoutsideContext'].documentHandler = (mouseup = {}, mousedown = {}) => {}

} else {

this.$refs.xxx.$el['@@clickoutsideContext'].documentHandler = this.documentHandler

}

},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。