微信小程序{{}}中直接调用自定义的函数

男娘i 2022-01-25 14:46 1138阅读 0赞

问题：在微信小程序中开发有时候还是觉得el表达式好用，想用同样的类似的方法来调用函数，所有这里就在网上找了一个类似的写法，代码如下所示：

1：\{ \{\}\}调用自定义的js方法

(1)首先建立一个wxs文件，里面写你自定的js方法

// 支持es4语法

var filter = {
        numberToFixed: function(value){
            return value.toFixed(2)
        }
    }
    // 导出对外暴露的属性
    module.exports = {
        numberToFixed: filter.numberToFixed
    }

(2)调用上述上述的方法，在.wxml中引入文件：

(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引入调用时一模一样的！  
\---------------------