vue v-if未生效问题

vue v-if未生效问题

事实证明，v-if本身是没有什么问题的，问题出在对应的变量身上。

前不久我使用VUE开发时遇到一个问题，好像v-if不起作用。什么意思呢，v-if是一个条件表达式，当且仅当条件满足时才触发，但在我的程序中，它好像有时条件明明不满足，也会被触发。

这就很麻烦了。难道是VUE这个破烂不行？

事实上，VUE是没啥问题的，是我不行。

代码如图

问题其实出在"edit"这个变量里。如果将edit换成“true/false”，就一点问题没有，运行结果毫不含糊。但换成变量就不一定了。原因是，我这些代码放在iView的一个模式对话框modal里，而modal的所谓关闭，其实只是隐藏，并没有从内存中去掉。当再次打开时，edit还是上一次展现时用的值，但我没有意识到，总认为对话框重新出现时，上面的变量一定是新的。我的思维，还停留在原始的网页开发上。众所周知，与 v-show 的区别：二者都对应条件，当条件不满足时，v-if不加载，v-show加载但不显示。

在运行过程中，v-if的条件切换，由不满足到满足时，v-if对应组件加载。但这有个过程。期间组件不一定能访问。因此，需要将组件访问语句放在​​this.$nextTick​​里，以免报错。

checkOver () { // 校核归来 this.edit = false let _this = this this.$nextTick(() => { _this.$refs.report1.init(_this.id) })},

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。