[微信小程序] 微信小程+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.在点击的时候使用that
        info:rand
    })
  },
})

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