今天想体验一把微信小程序里使用ts的感觉,结果尴尬了……
一个基本的点击事件居然卡了半天,太尴尬了,本来我的想法是:在界面上定义一个button点击一下,随机渲染一个数字,写完狂报错,
在微信小程序里使用箭头函数,造成了this指向不明的问题。
// index.ts
// 获取应用实例
const app = getApp<IAppOption>()
let that:any; //1.全局定义一下that
Page({
/**
* 页面的初始数据
*/
data: {
info:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad() {
that = this。//2.onload中把this付给that
},
click:()=>{
let rand = Math.random().toFixed(2)
that.setData({。//3.在点击的时候使用that
info:rand
})
},
})
记录一下。
如有更好的办法请告知,不胜感谢。