一、首先,我新建一个wxs的文件夹,用于专门存放.wxs的文件,当然,文件名可以自己定义,并在文件夹下创建一个subutil.wxs的文件,
二、. wxs里面写的就是截取字符串的方法,这个里面可以写多个自定义 的方法,但是需要用module.exports的方式将自定义的方法暴露出去
var sub = function(val,num) {
if (val.length == 0 || val == undefined) {
return;
}
if (val.length > num) {
return val.substring(0, num) + "...";
} else {
return val;
}
}
module.exports.sub = sub;
var subNo = function (val, num) {
if (val.length == 0 || val == undefined) {
return;
}
if (val.length > num) {
return val.substring(0, num);
} else {
return val;
}
}
module.exports.subNo = subNo;
三、在需要使用的page页面以如下方式进行引用
<!-- 引入wxs脚本 -->
<wxs src="../../wxs/subutil.wxs" module="tools" />
<!-- 通过自定义的module名称tools引用sub截取方法 -->
{{tools.sub(item.goodsName)}}
分享到:
相关推荐
在微信小程序(XCX)开发中,WXML(WeiXin Markup Language)是用于描述页面结构的标记语言,类似于HTML,而WXS(WeiXin Script)则是一种小程序内嵌的脚本语言,用于增强WXML的能力。本教程将深入探讨如何在WXML中...
微信小程序提供了丰富的界面交互功能,其中下拉刷新和上滑加载更多数据是常见的两种交互模式。下拉刷新让页面在用户操作时,可以获取到最新的数据内容,而上滑加载则用于处理大数据量情况下的分页展示问题。这两种...
但是canvas中没有提供方法,只有通过截取指定字符串来达到目的。 那么下面就介绍我自己处理的办法: wxml: <canvas canvas-id='word' id='test'></canvas> canvas肯定要一个画板容器啦,记得设置宽高哦,小程序中...
需要注意的是,微信小程序中过滤器的实现可能依赖于wxs(WeiXin Script)文件,它是一种小程序专用的脚本语言,用于在小程序中处理数据逻辑。 通过上述方法,你可以根据具体场景在富文本处理、Vue、React和微信小...
但是canvas中没有提供方法,只有通过截取指定字符串来达到目的。 那么下面就介绍我自己处理的办法: wxml: <canvas canvas-id='word' id='test'></canvas> canvas肯定要一个画板容器啦,记得设置宽高哦,小程序中...