美文网首页
小程序: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