wxs小程序脚本语言开发怎么使用?
标签
| 属性名 | 类型默认值 | 说明 |
|---|---|---|
| module | String | 当前 |
| String | 引用 .wxs 文件的相对路径。仅当本标签为单闭合标签或标签的内容为空时有效。 |
wxs是小程序的一种小程序的脚本语言,结合wxml可以构建页面的结构,其语法类似es5,不支持类似es6以上的语法形式,可以用wxs来编写过滤器
[WXS 模块 | 微信开放文档 (qq.com)** < class="math-inline" ="https://math.jianshu.com/mathformula=%5Ccolor%7Bred%7D%7B%E5%8F%98%E9%87%8F%20%E5%8F%AA%E8%83%BD%E7%94%A8%20var%7D%5C" alt="color{red}{变量 只能用 var}" matShopfamg="1"> **
1、能干的事:
wxml中是不能使用函数的,但是如果你要在wxml的页面中使用函数的话,wxs可以做到
2、创建wxs文件
可以直接在wxml中直接创建(类似于在html中写js),也可以在根目录下新建一个util存放,wxs文件后缀是 .wxs。在wxs文件中,直接声明函数就可以了,然后用module.exports导出(类似于单独写一个js文件,然后引入)
以下案例:整数需要显示小数点,显示一位小数
第一步:创建mathTools.wxs文件
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-f8c0ccdb6a8edbdb27798a960ddb69b3.png">
function isInt(num) {
return Math.ceil(num) > num num : num + '.0';
}
module.exports = {
isInt: isInt,
};
第二步:在wxml文件中进行引用wxs文件(pressurevalue为数字类型)
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-ceae583017f73719497e8ca2279a8146.png">
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-3b52ddbb34b2bec2631f369819302134.png">
{{tools.isInt(pressurevalue)}}
****更多行业产品开发方案,请关注 加速度****
<以上资讯仅供参考,如需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询获取产品开发方案和报价>
小程序开发
小程序商城
微信小程序
加客服微信获取更多内容