Analysis of binding click events of WeChat applet

不言
Release: 2018-06-27 16:03:48
Original
2254 people have browsed it

This article mainly introduces the relevant information about the detailed explanation of the binding click event instance of the WeChat applet. Friends in need can refer to

The detailed explanation of the binding click event instance of the WeChat applet

WeChat Mini Program has been out for so long, so I’ll take advantage of the time to study it myself. I looked at it in the previous stage, but individual registration is not allowed. Now it is open to individuals, so enthusiasts can study it on their own.

First, let’s take a look at how to add the bottom tab bar: operate

{
 "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": "我的"

  }
  ]
 }
}
Copy after login

in app.json and then Let’s see how we modify data binding through buttons:

It’s a very simple operation. First, you need to set it in home.wxml:

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

Then make the configuration in home.js:

var helloData ={
  name: &#39;wechat&#39;
}
Page({
  data:helloData,
  changeName:function(e){
    this.setData({
      name:&#39;杨磊&#39;
    })
  }
})
Copy after login

I’ve done it here The bound WeChat button is finished transmitting data

The above is the entire content of this article. I hope it will be helpful to everyone's learning. For more related content, please pay attention to the PHP Chinese website!

Related recommendations:

About the encapsulation of the WeChat applet request interface

Custom modalities of the WeChat applet Introduction to the pop-up window

About the analysis of the Redux binding of the WeChat applet

The above is the detailed content of Analysis of binding click events of WeChat applet. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template