微信小程序WXML頁面直接進行字符串截取

需求：在頁面展示的時候，由於文字過多需要截取然后用省略號代替，直接用微信小程序腳本語言wxs了

 

1、新建一個wxs的文件夾,用於專門存放.wxs的文件,當然,文件名可以自己定義,並在文件夾下創建一個substr.wxs的文件 

 

2、wxs里面寫的就是截取字符串的方法,這個里面可以寫多個自定義 的方法,但是需要用module.exports的方式將自定義的方法暴露出去

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;

 

3、在需要使用的page頁面以如下方式進行引用

<!-- 引入wxs腳本 -->
<wxs src="../../wxs/subutil.wxs" module="tools" />

<!-- 通過自定義的module名稱tools引用sub截取方法 -->
{{tools.sub(item.goodsName)}}

 

然后就完成了wxml里面截取字段的處理

 

 

 

希望可以幫到你！