抖音:https://v.douyin.com/SYA1qMX/arrow-up-right
B站:https://www.bilibili.com/video/BV1K54y1u7s9/arrow-up-right
demo预览:https://sunzsh.github.io/vue-demos/#/clickoutsidearrow-up-right代码:https://github.com/sunzsh/vue-el-demo/blob/master/src/views/clickoutside.vuearrow-up-right
demo预览:
https://sunzsh.github.io/vue-demos/#/clickoutsidearrow-up-right
代码:
https://github.com/sunzsh/vue-el-demo/blob/master/src/views/clickoutside.vuearrow-up-right
我在饿了么UI的源码里啊
发现一个隐藏的指令特别好用
就这个颗粒clickoutside
顾名思义呢
就是它可以监听到某个元素以外的
区域被点击
那使用起来也很简单啊
先把它导进来
然后呢注册成指令就可以用了
像这样v-clickoutside指定到一个方法
效果呢就是这样 大家看
我点击这个元素内部没有什么反应
然后点击这个元素以外的区域 大家看
只要这个网页的任何区域
他都会被触发
最后更新于3年前