在微信小程序中使用wxs

时间：2021-01-04 23:10:14 收藏：0 阅读：39

官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/

技术分享图片

上述是直接在.wxml中使用，也可以放在公共方法里面，方便在各个页面中调用

例如在util文件夹中新增一个 subutil.wxs，作用于段落超出17个字符自动截取并显示省略号

var sub = function(val) {
  if (val.length == 0 || val == undefined) {
    return;
  }
  if (val.length > 17) {
    return val.substring(0, 17) + "...";
  } else {
    return val;
  }
}
module.exports.sub = sub;

页面中使用方法：

<wxs src="../../../utils/subutil.wxs" module="subutil" />

<text>
    subutil.sub(‘这是一长串字符串，如果超如17个字符，则会隐藏后面内容显示...‘)
</text>

这就是wxs的基本用法，可以在.wxs里封装各种字符串数组的方法，方便在.wxml中使用

原文：https://www.cnblogs.com/yanghao-blogs/p/14230916.html