微信小程序开发工具之使用wxs计算获取到的数据

发布时间:2023-08-07 07:07:18 作者:13163944010 阅读量:4411

wxs常用于数据处理。 WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内。
 

对于已经获取的数据往往还需要一点点小的计算,比如说两个数相除只取两位小数。

wxs常用于数据处理。 WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内。情况一 在使用的wxml中写适用于只在此文件中使用的模块定义step 1定义这个模块 写好事件处理函数 并且暴露出去

 

 var getEvery = function(totle,each) {   

 var eachPrice=(totle/each).toFixed(2);   

 return eachPrice;  }  

module.exports.getEvery = getEvery;

 

 

此代码写在了wxml文件中 每一个 .wxs 文件和 标签都是一个单独的模块。 每个模块都有自己独立的作用域。 即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。 一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。

step 2用在wxml中:模块名.方法名(参数一 ,参数二);

参数为 page.js 里面的 

array1?'true':''}}>折算后单个: ¥

{

{

m1.getEvery(goods.retailPriceJia,goods.childNum)

}

即可。

情况二 在引用文件外边定义wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。所以不需要在意版本step 1 .wxs 文件在微信开发者工具里面,右键可以直接创建 .wxs 文件,在其中直接编写 WXS 脚本。

step 2 单文件定义可以暴露变量名和函数,可以暴露一个,也可以暴露多个

var filters = { 

 toFix: function (value) {   

 return value.toFixed(2)//此处2为保留两位小数  

}

}

var filt = {  

toFix: function (value) {    

return value.toFixed(1)

//此处1为保留1位小数  

}

}

module.exports = { 

 toFix: filters.toFix,  toFixs: filt.toFix

}

该 .wxs 文件可以被其他的 .wxs 文件 或 WXML 中的 标签引用。

step 3 在其他页面使用

{

{

filt.toFixs(item.retailPriceJia)

}

}

 

/个市场价:¥{{filt.toFixs(item.retailPrice)}}

至此,完成。 保留两位小数效果实现。

以上是这篇微信小程序开发工具之使用wxs计算获取到的数据 ,更多微信小程序开发内容,可以关注本网站,谢谢~

多程序小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。更多小程序请查看:小程序商店


***本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除。

我要评论

网友评论


评论时间:2023-09-15 10:27:02

1.应用系统开发的基本概念应用系统(Information System,简称ISS)是在计算机系统中集成各种功能部授权源码 件以完成特定任务或过程所形成的有机整体杭州app制作公司 机系统中集成各种功能部件以完成特定任务或过程所形成的有机整体

回复
秒制作
Catfish(鲶鱼) Blog V 4.7.3