溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序如何使用template添加綁定事件

發(fā)布時間：2021-07-05 11:35:41 來源：億速云 閱讀：480 作者：小新 欄目：web開發(fā)

小編給大家分享一下微信小程序如何使用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
//獲取應用實例
var indexObj = {
 onShow() {
  console.log("onShow")
 }
}
indexObj["clickView"] = tempObj.clickView
Page(indexObj)

index.wxss

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

看完了這篇文章，相信你對“微信小程序如何使用template添加綁定事件”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。

AI
助
手