AD:靠谱的微信小程序外包开发

admin

admin

发表于 2017-07-26 21:05:10

摘要:微信小程序开发者社区(www.mntuku.cn)为您提供:微信小程序 template添加绑定事件
相关的资讯,希望对您有帮助。

微信小程序 template添加绑定事件

作者:xiaochun365 来源地址:http://blog.csdn.net/xiaochun365/article/details/72730894对于模板的使用,我是想将模板的事件单独出来,其他引用模板的页面中不再掺杂模板事件,比较方便管理,如果还有其他好的解 ...

作者:xiaochun365  来源地址:http://blog.csdn.net/xiaochun365/article/details/72730894

对于模板的使用,我是想将模板的事件单独出来,其他引用模板的页面中不再掺杂模板事件,比较方便管理,如果还有其他好的解决办法, 请赐教。

template.wxml

<view bindtap=clickView class=tempClass>temp模板view>
  • 1
  • 1

template.js

var temp = {
  clickView: function () {
    console.log(刚刚您点击了temp)
  }
}
export default temp
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

template.wxss

.tempClass {
  background-color: red;
}
  • 1
  • 2
  • 3
  • 4
  • 1
  • 2
  • 3
  • 4

———————————————————————— 
index.wxml 引用template模板


<view>bodyview>
<include src=../temp/temp.wxml />
  • 1
  • 2
  • 3
  • 1
  • 2
  • 3

index.js

const App = getApp()
import tempObj from ../temp/temp

//index.js
//获取应用实例
var indexObj = {
  onShow() {
    console.log(onShow)
  }
}
indexObj[clickView] = tempObj.clickView
Page(indexObj)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

index.wxss

/**index.wxss**/
@import ../temp/temp.wxss;

24阅读 | 0评论
你的回应
写文章

8083