詳解微信小程序 template添加綁定事件
更新時(shí)間：2017年06月23日 09:05:05 作者：xiaochun365
這篇文章主要介紹了詳解微信小程序 template添加綁定事件的相關(guān)資料,需要的朋友可以參考下
詳解微信小程序 template添加綁定事件
對(duì)于模板的使用，我是想將模板的事件單獨(dú)出來，其他引用模板的頁面中不再摻雜模板事件，比較方便管理，如果還有其他好的解決辦法， 請(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)文章
這篇文章主要介紹了微信小程序 自定義Toast實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-06-06
echart實(shí)現(xiàn)大屏動(dòng)效示例詳解
這篇文章主要為大家介紹了echart實(shí)現(xiàn)大屏動(dòng)效示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
前端Website?sitemap.xml文件搜索引擎優(yōu)化
這篇文章主要為大家介紹了前端Website的sitemap.xml文件和搜索引擎優(yōu)化實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
前端自動(dòng)化測(cè)試之Jest?進(jìn)階教程示例
這篇文章主要為大家介紹了前端自動(dòng)化測(cè)試之Jest?進(jìn)階教程示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
js 實(shí)現(xiàn)驗(yàn)證碼輸入框示例詳解
這篇文章主要為大家介紹了js 實(shí)現(xiàn)驗(yàn)證碼輸入框示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
js實(shí)現(xiàn)兔年轉(zhuǎn)圈圈動(dòng)畫示例
這篇文章主要為大家介紹了js實(shí)現(xiàn)兔年轉(zhuǎn)圈圈動(dòng)畫示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
微信小程序 input輸入框控件詳解及實(shí)例（多種示例）
這篇文章主要介紹了微信小程序 input輸入框控件詳解及實(shí)例（多種示例）的相關(guān)資料,輸入框在程序中是最常見的，登錄，注冊(cè)，獲取搜索框中的內(nèi)容等等都需要，需要的朋友可以參考下2016-12-12
ant-design的upload組件中實(shí)現(xiàn)粘貼上傳實(shí)例詳解
這篇文章主要為大家介紹了ant-design的upload組件中實(shí)現(xiàn)粘貼上傳實(shí)例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
微信小程序page的生命周期和音頻播放及監(jiān)聽實(shí)例詳解
這篇文章主要介紹了微信小程序page的生命周期和音頻播放及監(jiān)聽實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了微信小程序 audio音頻播放詳解及實(shí)例的相關(guān)資料,附有實(shí)例代碼及實(shí)現(xiàn)效果圖，對(duì)初學(xué)者是個(gè)很好的幫助，需要的朋友可以參考下2016-11-11