vue中实现点击当前元素之外的元素之执行此方法(clickoutside)
引入:importClickoutsidefrom"element-ui/src/utils/clickoutside";声明指令:export default {directives: { Clickoutside },data() {}}使用:<divv-clickoutside="handleClose"></div>methods: {handleClose() {
·
引入:
import Clickoutside from "element-ui/src/utils/clickoutside";
声明指令:
export default {
directives: { Clickoutside },
data() {}
}
使用:
<div v-clickoutside="handleClose">
</div>
methods: {
handleClose() {
console.log('点击当前元素之外的元素执行的方法!')
},
}
使用场景:点击其他空白位置关闭自定义的下拉树形筛选框;
更多推荐
已为社区贡献6条内容
所有评论(0)