小程序wxml中调用JS方法

wxml用wx:for做列表渲染,然后想加个序号,为了美观,还要补足2位数才好。
本来想直接用js的padStart方法,结果wxml不能直接用js,不过小程序给出了自己的解决方法,就是使用wxs

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。
参考:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/

WXS虽然和Javascript很相似,但是还是不一样的,并没有js这么好用!!! 但也基本够用


util.wxs部分:

var padNum = function(num, fill) {

  var len = ('' + num).length
  if (fill > len) {
    var arr = [];
    var slen = fill - len + 1
    for (var i = 0; i < slen; i++) {
      arr[i] = ''
    }
    num = arr.join(0) + num
  }
  return num;
};

module.exports = {
  padNum: padNum
};

wxml部分:

<wxs src="../../utils/util.wxs" module="util" />
<view wx:for="{{videos}}" class="item {{video_current_id == item.id ? 'current' : ''}}">
{{util.padNum(index+1,2)}}-{{item.title}}
</view>

OK啦!

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

immocha

人生得意须尽欢

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值