【VUE异常】el

项目中遇到一个奇怪的问题，我使用了 el-popconfirm 组件，项目基于VUE，el-popconfirm 包裹住的按钮，操作列有好几个按钮选项，点击其中任何一处按钮之后，再次打开另外的一个 el-popconfirm 包裹住的按钮点击没有任何的反应，刷新浏览器之后才能点击触发相应的事件。当我把 v-if 删除之后，所有按钮都可以正常操作。加上 v-if 来进行显示控制，就需要刷浏览器之后才能触发相应的事件。

如果下图所示：

因为我在按钮中使用了 v-if 来进行显示控制，当我在 el-popconfirm 组件上直接使用 v-if=“” 的时候，就会出现这个问题，问题出现在 v-if 与 el-popconfirm 结合。

注意，此方案不是适合所有情况。有人可能还是不起作用。请继续往下看

单独使用 @confirm 或者 @onConfirm 都没有效果，折中方式如下：

注意，此方案不是适合所有情况。有人可能还是不起作用。

比如在在 el-popconfirm 标签外 加一层 span 标签，然后把 v-if 语句写在 span 标签上

终极解决方案，这个可能适合多数人，不过最后的样式需要微调一下。

本文完结！