微信小程序利用 wxs 脚本处理页面显示数据demo

最新推荐文章于 2023-10-24 08:00:00 发布

骑蜗牛de刘皇shu

最新推荐文章于 2023-10-24 08:00:00 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/ZkD953/article/details/82562949

微信小程序专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用WXS模块实现的状态转换展示案例。该模块能够根据不同输入返回对应的展示状态（dzg-待质检、yzg-已质检、wzg-未知状态），并通过WXML文件中的图片展示出来。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

dianzdianp_tolist.wxs

var filters = {
  to_check_status: function (value) {
    //判断是否为空 很重要
    if (value != '' && value != null && value != undefined && value != NaN) {
return value==0?'dzg':value==1?'yzg':'wzg'
    }
    return wzg;
  }
}
module.exports = {
  to_check_status: filters.to_check_status
}

dianzdianp_tolist.wxml(引入和使用)

<wxs module="filters" src="dianzdianp_tolist.wxs"></wxs>

<!-- 省略很多代码 -->

<image class='zg_icon' src='{{imgsurl}}/dzjc/{{filters.to_check_status(row.zg_status)}}.png{{params}}'></image>

<!-- 省略很多代码 -->

通过这种方式我们可以很方便的进行页面的各种展示，如图所示