美文网首页
小程序开发小程序的wxs的使用

小程序开发小程序的wxs的使用

作者: hao_developer | 来源:发表于2022-11-07 11:38 被阅读0次

<wxs> 标签

属性名 类型默认值 说明
module String 当前 <wxs> 标签的模块名。必填字段。
src String 引用 .wxs 文件的相对路径。仅当本标签为单闭合标签或标签的内容为空时有效。

wxs是小程序的一种小程序的脚本语言,结合wxml可以构建页面的结构,其语法类似es5,不支持类似es6以上的语法形式,可以用wxs来编写过滤器[WXS 模块 | 微信开放文档 (qq.com)
]

1、能干的事:
  wxml中是不能使用函数的,但是如果你要在wxml的页面中使用函数的话,wxs可以做到
2、创建wxs文件
  可以直接在wxml中直接创建(类似于在html中写js),也可以在根目录下新建一个util存放,wxs文件后缀是 .wxs。在wxs文件中,直接声明函数就可以了,然后用module.exports导出(类似于单独写一个js文件,然后引入)

以下案例:整数需要显示小数点,显示一位小数

第一步:创建mathTools.wxs文件
image.png
function isInt(num) {
  return Math.ceil(num) > num ? num : num + '.0';
}
module.exports = {
  isInt: isInt,
};
第二步:在wxml文件中进行引用wxs文件(pressurevalue为数字类型)
image.png
image.png
<wxs src="../../utils/mathTools.wxs" module="tools"/>
<view>
  {{tools.isInt(pressurevalue)}}
</view>

相关文章

网友评论

      本文标题:小程序开发小程序的wxs的使用

      本文链接:https://www.haomeiwen.com/subject/wlmbtdtx.html