[微信小程序] 微信小程+ts中 箭头函数和this的问题

本文主要是介绍[微信小程序] 微信小程+ts中 箭头函数和this的问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

今天想体验一把微信小程序里使用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.在点击的时候使用thatinfo:rand})},
})

记录一下。
如有更好的办法请告知，不胜感谢。

这篇关于[微信小程序] 微信小程+ts中 箭头函数和this的问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---