微信小程序{{}}中直接調用自定義的函數

   問題:在微信小程序中開發有時候還是覺得el表達式好用,想用同樣的類似的方法來調用函數,所有這裏就在網上找了一個類似的寫法,代碼如下所示:

1:{{}}調用自定義的js方法

(1)首先建立一個wxs文件,裏面寫你自定的js方法

// 支持es4語法
var filter = {
	numberToFixed: function(value){
		return value.toFixed(2)
	}
}
// 導出對外暴露的屬性
module.exports = {
	numberToFixed: filter.numberToFixed
}

(2)調用上述上述的方法,在.wxml中引入文件:

<!-- 引入.wxs文件 src爲相對路徑,module指定當前模塊的名稱 -->
<wxs module="filter" src="./numberToFixed.wxs"></wxs>

(3)在{{}}中調用自定義的方法

<view class="font1" wx:if='{{filter.numberToFixed(house.roomRule)}}' style='color:red;font-weight:bold;'>吉米專屬優惠,簽約立減500</view>

2:調用js

(1)這裏寫一個js函數

module.exports = {
  formatTime: formatTime,
  collectFormIds: collectFormIds //host接口
}

function collectFormIds(openId, unionId, formId, cfrom) {
  //發送請求保存formID
  console.log("::" + formId);
  if (formId && formId.replace(/\s/g, "") == 'theformIdisamockone') {
    console.log("collectFormIds請在手機上執行formId=" + formId)
    return;
  }
  if (formId && openId) {
    wx.request({
      url: 'https://room.gzjimmymove.com/weixin/collectFormId',
      method: 'POST',
      data: {
        openId: openId,
        unionid: unionId,
        formId: formId,
        cfrom: cfrom
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: function(re) {
        console.log("上傳fromId=" + JSON.stringify(re));
        var result = re.data;
        if (result.code == 200) {
          console.log("上傳成功")
        }
      },
    });
  } else {
    console.log("沒有formId");
  }
}

(2)調用這個函數

//index.js
//獲取應用實例
var feedbackApi = require('../../utils/feedbackApi'); //引入消息提醒暴露的接口 

☛總之這個和我們的js引入調用時一模一樣的!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章