vue v-for 中的 v-if 无法获取该值是为什么

Question

这个currentCate, 默认是这个，然后有方法是点击修改这个值，但是点击前的默认值都报错无法获取。 是在不懂为什么无法获取该数据

Answer 1

你template中应该直接写currentCate，而不是this.currentCate

template中的变量在解析的时候会使用with(this){...}来扩展其上变量的作用域，所以this.currentCate会被解析为this.this.currentCate，this.this是undefined，所以抛出错误

Answer 2

不要把 v-if 和 v-for 同时用在同一个元素上。

Answer 3

dom上最好先不要写this关键字

Answer 4

你这vuejs基础有点不好啊，在虚拟dom上执行v-for 不需要带this.

Answer 5

不要使用this字段，vue模板内可以直接写data里的变量