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

开发遇到一个小数点问题,在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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容