Vue.js 遇到变量无法访问

  用了一两个月的Vue.js 还是很容易上手的一个东西,只是偶尔也会有些坑,比如我自认为一个对象是可以访问的时候偏偏告诉你改值不存在,然后你各种纠结,开始使用各种办法打印数据输出调试之类的。

举个例子,其中this.result 是用于component的对象:


this.result.list = obj.list;
this.result.answer = obj.answer;

组件的HTML代码:


<ul>
   <li v-repeat="list">{{answer[$index]}}</li>
</ul>

  假设所有数据都是正确的,这个时候却会提示一个警告错误,就是answer的对象0不存在什么的,一般情况下监测不出什么问题。

  后来问题发现是在JS代码处,在赋值给answer之前优先对result.list进行了赋值,导致整个HTML组件立即被刷新了一次,而这个时候answer为一个空对象。
  要做的仅仅是修改下两条语句的顺序即可,问题解决。

当前还没有任何评论

写下你最简单的想法