文章來源:http://www.zghlxwxcb.cn/news/detail-522829.html
<template>
<div class="a" v-clickoutside="clickoutside" @click="click"> </div>
</template>
<script>
import clickoutside from 'element-ui/src/utils/clickoutside'
export default {
directives: { clickoutside },
methods: {
clickoutside() {
console.log("clickoutside:", `點擊了外面`)
},
click() {
console.log("click", `點擊了里面`)
},
}
};
</script>
<style lang="scss" scoped>
.a {
width: 200px;
height: 200px;
background-color: black;
}
</style>
?文章來源地址http://www.zghlxwxcb.cn/news/detail-522829.html
到了這里,關(guān)于使用element clickoutside自定義指令事件,點擊元素外部觸發(fā)(element-ui/src/utils/clickoutside)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!