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