小程序七十二变之多余文本省略号显示

废话不多说,之前写小程序碰到了一个问题,如何在 wxml 页面中截取数据?

1、wxs

 

取数据想必大家都会,不就是 substring 吗?但是这种方法在 wxml 页面中是无效的。

 

那还有 css 啊,不一样可以做到吗?但是个人觉得 css 复用性太差,暂不考虑。

 

实在不行就用 js 呗,在获取到数据后就对数据进行截取。

 

这样好像可以,但数据一多稍微有点复杂,而且一般获取的数据可能会在多个页面进行展示,而如果想在不同的页面中显示不同长度的数据,这似乎又是个新问题。

 

这时你就需要用到 wxs 了,官方介绍是:「WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构」,没听过的可以去看一下官方文档说明。

 

2、wxs 怎么用

// page.js Page({ data: { array: [1, 2, 3, 4, 5, 1, 2, 3, 4] } }) // page.wxml <wxs module="m1"> var getMax = function(array) { var max = undefined; for (var i = 0; i < array.length; ++i) { max = max === undefined ? array[i] : (max >= array[i] ? max : array[i]); } return max; } module.exports.getMax = getMax; </wxs> <view> {{ m1.getMax(array) }} </view> 输出:5

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zywjjg.html