废话不多说,之前写小程序碰到了一个问题,如何在 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