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;即可
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值