美文网首页
小程序:wxml页面中调用JavaScript函数

小程序:wxml页面中调用JavaScript函数

作者: 红姑娘 | 来源:发表于2018-07-24 20:05 被阅读1551次

    开发遇到一个小数点问题,在wxml里面做减法计算优惠金额,计算结果显示过长,后来发现可以用wxs解决,文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/

    未处理页面如下:


    屏幕快照 2018-07-24 19.57.47.png

    思路如下:
    使用到wxs文件,然后在wxs文件里面添加numberToFix函数;然后在需要使用numberToFix方法的wxml页面引入该wxs文件,然后就可以通过{{numberToFix(persent)}}这种方式调用了

    创建一个numbertofix.wxs文件,创建numberToFix函数

     var filter = {
       numberToFix: function (value) {
         return value.toFixed(1)
       }
     }
     module.exports = {
       numberToFix: filter.numberToFix
    }
    

    在需要使用numberToFix函数的页面引入numbertofix.wxs文件

     <wxs module="filter" src="../../utils/numbertofix.wxs"></wxs>
    

    在wxml直接调用即可

       <text class='right'>-¥{{filter.numberToFix(orderdata.originalPrice - orderdata.actualPrice)}}
      </text>
    
    运行工结果 屏幕快照 2018-07-24 20.01.48.png

    相关文章

      网友评论

          本文标题:小程序:wxml页面中调用JavaScript函数

          本文链接:https://www.haomeiwen.com/subject/lmiymftx.html