微信小程序> 小程序wxml文件中编写一些js代码

小程序wxml文件中编写一些js代码

浏览量:2996 时间: 来源:祗想安靜地。

我想直接在wxml页面中直接保留数据的小数点的后两位,由于后台返回的数据层级较多,如果直接在页面的js中先保留两位数再显示在页面中的话,会比较麻烦也耗资源。但是直接在页面中写.toFixed(2)方法会不生效,然后想到运用到了wxs,可以在里面封装一些方法,在wxml页面可以直接调用

 

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。

右键可以直接新建 一个.wxs 文件,在其中直接编写 WXS 脚本。

 

      注意:

  1. wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
  2. wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。
  3. wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript 文件中定义的函数,也不能调用小程序提供的API。
  4. wxs 函数不能作为组件的事件回调。
  5. 由于运行环境的差异,在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

 

 

示例代码:

<!-- page/tools.wxs -->

var bar = function (saleprice,discount) {var disprice = saleprice * discount;disprice = disprice.toFixed(2);return disprice;}module.exports = { FOO: foo, bar: bar,};module.exports.msg = "some msg";

 

<!-- page/index/index.wxml -->

<wxs src="./../tools.wxs" module="tools" /><view> {{tools.msg}} </view><view> {{tools.bar(2,3)}} </view>

 

页面输出:

some msg6.00

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎