首页 > 微信 > 详细

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

时间:2018-11-20 23:31:53      阅读:239      评论:0      收藏:0      [点我收藏+]

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);
  }
})

测试:

技术分享图片

 

 

 

参照博客:

 

 找的电影开源项目:

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

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

 

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

原文:https://www.cnblogs.com/gaogaoyanjiu/p/9553609.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!