小程序如何获取data- 的值、事件传参的方式

通过e.target.dataset 可以获取通过data-传递的参数项 






js文件
 addNum(e){
    //通过e.target.dataset 可以获取通过data-传递的参数项
    console.log(e.target.dataset);  //{num1: 2}
    console.log(e.target.dataset.num1);   //2
    this.setData({
      num:this.data.num+1
    })
  },

小程序如何获取data- 的值、事件传参的方式_第1张图片

事件传参的方式:通过data-* 传递参数

//data-num1='{{2}}'  用双花括号,传递的是数字,不用 data-num1='2' 则是字符串

小程序如何获取data- 的值、事件传参的方式_第2张图片

文本框与data间数据同步


  msg---{{msg}}




js文件

changeMsg(e){
    this.setData({
      msg:e.detail.value
    })
  },
  data: {
      msg:''
  },

你可能感兴趣的:(微信小程序,小程序)