jQuery转化成vue时生成li列表onclick事件报错:Uncaught ReferenceError: xxx is not defined

最近将一个jQuery的但界面转化成一个vue项目,最开始转化还是很顺利的,但是,由于jQuery在 标签里面写得非常的随意,全局变量满屏飞,花了老大的劲才将所有的变量放入到data里面,将所有全局方法放到methods里面,将预处理的部分全部放到created里面,终于搞好了。主要就这几点:
1:对于预处理里面的的变量,如果this.xxx不生效的话,我们可以先定义一个const _this = this;这样就能生效了。
2:对于我们拼接生成的li,里面如果有onclick事件,那么,他是会报错的,就是:Uncaught ReferenceError: xxx is not defined,因为这些方法已经不是全局方法了,而是写到methods中的方法,如何解决呢?我们可以让他变成全局的方法 window.xxx = _this.xxx;即可
jQuery转化成vue时生成li列表onclick事件报错:Uncaught ReferenceError: xxx is not defined_第1张图片

你可能感兴趣的:(错误笔记)