码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-11-20 23:35:16      阅读:378      评论:0      收藏:0      [点我收藏+]

标签:程序   cli   数据   target   col   XML   time   模板   fun   

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、微信小程序的数据绑定

标签:程序   cli   数据   target   col   XML   time   模板   fun   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!