詳解微信小程序 template添加綁定事件
詳解微信小程序 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)文章
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-02js 實(shí)現(xiàn)驗(yàn)證碼輸入框示例詳解
這篇文章主要為大家介紹了js 實(shí)現(xiàn)驗(yàn)證碼輸入框示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09js實(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-12ant-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