TDesign 学习const{ trigger } = e.detail

代码理解

TDesign 学习const{ trigger } = e.detail_第1张图片

TDesign 学习const{ trigger } = e.detail_第2张图片

TDesign 学习const{ trigger } = e.detail_第3张图片

 TDesign 学习const{ trigger } = e.detail_第4张图片

// pages/maintenance/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
  
});
Component({
  methods: {
    click(e) {
      const { trigger } = e.detail;
      console.log('click: hhh', trigger);
    },
  },
});

const{}是定义常量

const{ trigger }是定义一个名为trigger的常量

const{ trigger } = e.detail的意思是把e.detail属性中

包含的trigger这个属性赋值给刚刚定义的trigger

TDesign 学习const{ trigger } = e.detail_第5张图片

这个是es6写法,建议去学习一下

尚硅谷Web前端ES6教程,涵盖ES6-ES11_哔哩哔哩_bilibili尚硅谷Web前端ES6教程,涵盖ES6-ES11共计68条视频,包括:01.尚硅谷_ES6-课程介绍、02.尚硅谷_ES6-ECMAScript相关名词介绍、03.尚硅谷_ES6-let变量声明以及声明特性等,UP主更多精彩视频,请关注UP账号。icon-default.png?t=N7T8https://www.bilibili.com/video/BV1uK411H7on

你可能感兴趣的:(前端,javascript,开发语言)