02、微信小程序的数据绑定

02、微信小程序的数据绑定

目录结构:

02、微信小程序的数据绑定

模板内容:

使用bindtap绑定事件

<!--index.wxml-->
<view class="container">
  <view id=testid bindtap=clinkMe data-testName=用户名称 data-testSex=用户性别>
  点击我
  </view>
</view>

js内容:

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    motto: Hello World,
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse(button.open-type.getUserInfo)
  },
  clinkMe:function(val){
    console.log("这是一个测试");
    console.log(val);
    //模板虽然定义的是包含大写,但是在使用时必须用小写(微信内部进行了转换)
    console.log(val.currentTarget.dataset.testname);
    console.log(val.currentTarget.dataset.testsex);
  }
})

测试:

02、微信小程序的数据绑定

 

 

 

参照博客:

 

 找的电影开源项目:

https://github.com/7insummer/orange-can

https://github.com/7insummer/orange-can-server

 

02、微信小程序的数据绑定

上一篇:微信地图禁止缩放解决思路


下一篇:java.lang.Comparable接口