引入:
import Clickoutside from "element-ui/src/utils/clickoutside";
聲明指令:
export default {
directives: { Clickoutside },
data() {}
}
使用:
<div v-clickoutside="handleClose">
</div>
methods: {
handleClose() {
console.log('點擊當前元素之外的元素執行的方法!')
},
}
使用場景:點擊其他空白位置關閉自定義的下拉樹形篩選框;