关于小程序wxml不支持js高级语法(eg:toFixed,indexOf . . .)解决办法

关于小程序wxml不支持js高级语法(eg:toFixed,indexOf . . .)解决办法

在写小程序页面的时候,发现小程序的wxml页面代码还不是很兼容js的一些高级语法,例如indexOf,这就很尴尬了,后面翻了翻微信文档,发现有一个wxs模块,官方文档,通过这个就可以解决上述问题啦,哈哈哈

我们以toFixed为例:


<view>{{utils.ftoFixed('你要保留两位小数的值')}}</view>

<wxs module="utils">
<!--  直接写在wxml页面即可-->

  function ftoFixed(num) {
    return result.toFixed(2);
  }
  module.exports.ftoFixed = ftoFixed;
</wxs>

如果你的项目比较大,要在wxml页面用的高级语法较多时,你可以单独写一个utils.wxs文件,



function ftoFixed(num) {
  return result.toFixed(2);
}
...
module.exports = {
  ftoFixed: ftoFixed,
  ...
}

然后在你要用到的页面引用就好了

<wxs module="utils" src="utils.wxs"></wxs>
<view>{{utils.ftoFixed('你要保留两位小数的值')}}</view>

到这里就大功告成啦,哈哈哈,

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 7,417评论 0 9
  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 4,777评论 0 7
  • 小程序框架官方文档 框架 整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。小...
    漫若浮光z阅读 3,733评论 0 0
  • 先来些小程序的基础知识开开胃。主要是熟悉熟悉语法,没怎么记住小程序的 API,它的编程套路就运用的不是太熟练,用到...
    CondorHero阅读 10,512评论 2 5
  • 仔细回味这一词后,在看这一现象,总觉得文化是不是有一些扭曲。 现在的网络发展的与十年前早已不能同日而语,同时国家对...
    没有繁星的夜阅读 228评论 1 1