用了一两个月的Vue.js 还是很容易上手的一个东西,只是偶尔也会有些坑,比如我自认为一个对象是可以访问的时候偏偏告诉你改值不存在,然后你各种纠结,开始使用各种办法打印数据输出调试之类的。
举个例子,其中this.result 是用于component的对象:
this.result.list = obj.list;
this.result.answer = obj.answer;
this.result.answer = obj.answer;
组件的HTML代码:
假设所有数据都是正确的,这个时候却会提示一个警告错误,就是answer的对象0不存在什么的,一般情况下监测不出什么问题。
后来问题发现是在JS代码处,在赋值给answer之前优先对result.list进行了赋值,导致整个HTML组件立即被刷新了一次,而这个时候answer为一个空对象。
要做的仅仅是修改下两条语句的顺序即可,问题解决。
当前还没有任何评论