WeChat 애플릿의 바인딩 클릭 이벤트 분석-미니 프로그램 개발-php.cn

WeChat 애플릿의 바인딩 클릭 이벤트 분석

不言

풀어 주다： 2018-06-27 16:03:48

원래의

2288명이 탐색했습니다.

이 글은 주로 위챗 애플릿의 바인딩 클릭 이벤트 인스턴스에 대한 자세한 설명을 소개하고 있습니다. 필요한 친구들은 참고하시면 됩니다.

위챗 애플릿의 바인딩 클릭 이벤트 인스턴스에 대한 자세한 설명은

있습니다. 위챗 애플릿이 나온지 너무 오래됐네요. 이전 단계에서 살펴봤지만 개인 등록이 불가능하니 매니아분들이 참여하실 수 있습니다. 그들 자신의 연구를 수행합니다.

먼저 하단 탭 표시줄을 추가하는 방법을 살펴보겠습니다. 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": "我的"

  }
  ]
 }
}

로그인 후 복사

그런 다음 버튼을 통해 데이터 바인딩을 수정하는 방법을 살펴보겠습니다.

입니다. 매우 간단합니다. 작동하려면 먼저 home.wxml에서 설정을 지정해야 합니다.

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

로그인 후 복사

그런 다음 home.js에서 구성을 지정합니다.

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

로그인 후 복사

지금까지 바인딩된 WeChat 버튼은 전달된 데이터가 끝났습니다

이상이 이 글의 전체 내용입니다. 여러분의 학습에 도움이 되길 바랍니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!