全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

微信小程序之绑定点击事件实例详解

 微信小程序之绑定点击事件实例详解

微信小程序出来那么久了,趁着有时间自己研究一下,前阶段看一了一下,但是不允许个人注册,现在已经对个人开放了,所以爱好者们可以自己研究了。

    首先,我们看一下如何添加底部的标签栏:在app.json里操作

{
 "pages":[
 //在这里添加页面的路径
  "pages/index/index",
  "pages/logs/logs",
   "pages/home/home"
 ],
 "window":{
  "backgroundTextStyle":"light",
  "navigationBarBackgroundColor": "#fff",
  "navigationBarTitleText": "乐动健身馆",
  "navigationBarTextStyle":"black",
  "enablePullDownRefresh": true

 },
 //添加标题栏
 "tabBar": {
  "list": [{
   "pagePath": "pages/index/index",
   "text": "首页"

  },
  {
   "pagePath": "pages/logs/logs",
   "text": "日志"

  },{
   "pagePath": "pages/home/home",
   "text": "我的"

  }
  ]
 }
}

然后看看我们如何通过button来修改数据绑定:

很简单的操作,首先要在home.wxml来做设置:

<view>
//这里{{name}}!来修改所需要绑定的字符串
  <view>Hello {{name}}!</view>
  // bindtap 点击事件
  <button bindtap="changeName">点击我,换名字</button>
</view>

  然后在home.js里边做配置:

var helloData ={
  name: 'wechat'
}
Page({
  data:helloData,
  changeName:function(e){
    this.setData({
      name:'杨磊'
    })
  }
})

到这里已经把把绑定的微信按钮传递数据做完了

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


# 微信小程序之绑定点击事件  # 小程序  # 绑定事件  # 微信小程序 冒泡事件原理解析  # 微信小程序bindtap事件与冒泡阻止详解  # 微信小程序冒泡事件及其阻止方法实例分析  # 微信小程序 触控事件详细介绍  # 微信小程序 页面滑动事件的实例详解  # 微信小程序 动态绑定数据及动态事件处理  # 微信小程序 实现拖拽事件监听实例详解  # 微信小程序学习总结(四)事件与冒泡实例分析  # 绑定  # 在这里  # 要在  # 希望能  # 很简单  # 看一下  # 来做  # 谢谢大家  # 久了  # 所需要  # 首页  # 标题栏  # 一了  # 爱好者们  # logs  # index  # fff  # home  # backgroundTextStyle  # light 


相关文章: 专业型网站制作公司有哪些,我设计专业的,谁给推荐几个设计师兼职类的网站?  已有域名如何免费搭建网站?  如何高效利用200m空间完成建站?  建站主机如何选?高性价比方案全解析  建站主机与虚拟主机有何区别?如何选择最优方案?  如何用免费手机建站系统零基础打造专业网站?  深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?  广州美橙建站如何快速搭建多端合一网站?  网站代码制作软件有哪些,如何生成自己网站的代码?  建站之星后台搭建步骤解析:模板选择与产品管理实操指南  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  手机网站制作与建设方案,手机网站如何建设?  南京做网站制作公司,南京哈发网络有限公司,公司怎么样,做网页美工DIV+CSS待遇怎么样?  简单实现Android文件上传  c# 在ASP.NET Core中管理和取消后台任务  建站之星手机一键生成:多端自适应+小程序开发快速建站指南  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  如何用5美元大硬盘VPS安全高效搭建个人网站?  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  黑客如何利用漏洞与弱口令入侵网站服务器?  详解免费开源的.NET多类型文件解压缩组件SharpZipLib(.NET组件介绍之七)  公司网站制作价格怎么算,公司办个官网需要多少钱?  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站?  如何在万网自助建站中设置域名及备案?  简历在线制作网站免费,免费下载个人简历的网站是哪些?  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页?  如何选择建站程序?包含哪些必备功能与类型?  微网站制作教程,我微信里的网站怎么才能复制到浏览器里?  建站VPS选购需注意哪些关键参数?  微课制作网站有哪些,微课网怎么进?  建站主机如何选?性能与价格怎样平衡?  天津个人网站制作公司,天津网约车驾驶员从业资格证官网?  建站之星伪静态规则如何正确配置?  如何通过西部建站助手安装IIS服务器?  如何零成本快速生成个人自助网站?  建站OpenVZ教程与优化策略:配置指南与性能提升  如何用花生壳三步快速搭建专属网站?  大连网站设计制作招聘信息,大连投诉网站有哪些?  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?  网页设计与网站制作内容,怎样注册网站?  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目?  购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?  如何解决ASP生成WAP建站中文乱码问题?  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?  如何通过wdcp面板快速创建网站?  模具网站制作流程,如何找模具客户?  MySQL查询结果复制到新表的方法(更新、插入)  C#怎么使用委托和事件 C# delegate与event编程方法 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。