小妙招解决前端某些bug
2018-07-25 本文已影响0人
有一个程序媛
1.子集向父级的冒泡事件阻止 ,一般我们都用@click.stop="function",这个只适用于单击事件的绑定,但是如果是trigger="click"呢?
解决方法:给trigger=“click”的节点包一个假父级,给这个假父级绑定一个点击事件为空函数,就是不执行任何操作,这样trigger="click"冒泡就只会冒到假父级上,然后执行一个空函数,页面上没有效果,然后最外层的有事件的父级的事件就不会被触发啦
![](https://img.haomeiwen.com/i9420423/861b9da25c5d9bac.jpg)
2.v-if 与v-show的区别
v-if节点是不存在的,只有当条件为true的时候,这个节点才会被渲染,否则页面上是没有这个节点的
v-show节点是存在的,只是被隐藏了,当为true时,节点显示