在微信小程序中使用wxs

官方文档: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中使用

 

 
posted @ 2021-01-04 17:10  yanghaogogogo  阅读(335)  评论(0编辑  收藏  举报