同级v-if失效问题

原文链接:同级v-if失效问题

在我用vue的v-if指令,写element表格操作栏按钮判断是否显示时,出现同级v-if居然失效问题。

下面是我写的代码
wp_editor_md_5438f90eedbe70e93884e1bfbd0552cf.jpg

当qwe = 1时:(是我想要的结果)
wp_editor_md_9b69130fd5b4187f749ee56220f5bc5b.jpg

当qwe = 2时:(应该条件为2的按钮应该要显示,现在没有显示)
wp_editor_md_8006f6448090fe8b60a875cf5e713b17.jpg

嘶~
什么情况?

我去查阅vue手册vue官网条件渲染。并没有说不能同级连续使用v-if。但我注意到2.1.0 新增v-else-if。

于是我这样写:
wp_editor_md_8dcbbde6d3b12f0b638277b01e65ff15.jpg

解决了qwe==2时不渲染问题。(也可以使用v-show,看需求了)

虽然是解决了,确不知道为什么,让我寝食难安!有知道的大佬欢迎留言

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容