詳解微信小程序 template添加綁定事件
更新時(shí)間：2017年06月23日 09:05:05 作者：xiaochun365
這篇文章主要介紹了詳解微信小程序 template添加綁定事件的相關(guān)資料,需要的朋友可以參考下
詳解微信小程序 template添加綁定事件
對(duì)于模板的使用，我是想將模板的事件單獨(dú)出來(lái)，其他引用模板的頁(yè)面中不再摻雜模板事件，比較方便管理，如果還有其他好的解決辦法， 請(qǐng)賜教。
template.wxml
<view bindtap="clickView" class="tempClass">temp模板</view>
template.js
var temp = {
clickView: function () {
console.log("剛剛您點(diǎn)擊了temp")
}
}
export default temp
template.wxss
.tempClass {
background-color: red;
}
index.wxml 引用template模板
<!--index.wxml--> <view>body</view> <include src="../temp/temp.wxml" />
index.js
const App = getApp()
import tempObj from '../temp/temp'
//index.js
//獲取應(yīng)用實(shí)例
var indexObj = {
onShow() {
console.log("onShow")
}
}
indexObj["clickView"] = tempObj.clickView
Page(indexObj)
index.wxss
/**index.wxss**/ @import "../temp/temp.wxss";
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
這篇文章主要介紹了微信小程序 二維碼canvas繪制實(shí)例詳解的相關(guān)資料,這里附有實(shí)例代碼，微信小程序 使用canvas 進(jìn)行二維碼的繪制，需要的朋友可以參考下2017-01-01
http proxy 對(duì)網(wǎng)絡(luò)請(qǐng)求進(jìn)行代理使用詳解
這篇文章主要為大家介紹了http proxy 對(duì)網(wǎng)絡(luò)請(qǐng)求進(jìn)行代理使用詳解,有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
本文將詳細(xì)介紹Vuex的API文檔,需要的朋友可以參考下2020-02-02
這篇文章主要為大家介紹了RxJS中的Observable和Observer使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
新聞內(nèi)頁(yè)-JS分頁(yè)...2006-06-06
微信小程序 中wx.chooseAddress(OBJECT)實(shí)例詳解
這篇文章主要介紹了微信小程序 中wx.chooseAddress(OBJECT)實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-03-03
微信小程序 wx.request方法的異步封裝實(shí)例詳解
這篇文章主要介紹了微信小程序 wx.request方法的異步封裝實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-05-05
微信小程序 保留小數(shù)(toFixed)詳細(xì)介紹
這篇文章主要介紹了 微信小程序 保留小數(shù)(toFixed)詳細(xì)介紹的相關(guān)資料,這里附有實(shí)例，幫助大家學(xué)習(xí)參考此部分知識(shí)，需要的朋友可以參考下2016-11-11
這篇文章主要介紹了微信小程序 form組件詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
微信小程序返回多級(jí)頁(yè)面的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序返回多級(jí)頁(yè)面的實(shí)現(xiàn)方法的相關(guān)資料,希望通過本文能幫助到大家，讓大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10