微信小程序多选取值判断显示内容

最新推荐文章于 2024-07-22 17:40:08 发布

置顶

Treasure girl1

最新推荐文章于 2024-07-22 17:40:08 发布

阅读量1.2k

点赞数

分类专栏：微信小程序文章标签： javascript jquery

本文链接：https://blog.youkuaiyun.com/Xinacridine/article/details/109241443

版权

本文介绍了在微信小程序项目中如何使用WXS进行多选框选值判断，以动态切换显示内容。通过示例代码wxml的calc.getId(sales_id,3)展示了如何根据销售ID数组和选择的ID来决定内容的显示。" 108453003,8686504,Spring框架初探：架构解析与环境搭建,"['Spring框架', 'Java开发', '数据访问', 'AOP编程', '环境配置']

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

写微信小程序项目的时候遇到多选框选值通过id来判断内容切换

这里是通过wxs来实现的

wxml

<wxs module="calc">
  function getId(arr, id) {
    return arr.indexOf(id)
  }

  module.exports = {
    getId: getId,
  }
</wxs>
<view class="lb1">
      <view class="lb2">
        经营
      </view>
      <view class="lb3" bindtap="showDialog">
        <text class="weui" wx:for="{
  {list}}">{
  {item}}</text>
      </view>
 </view>
 <!-- 多选 -->
<view class="free-dialog {
  { showDialog ? 'free-dialog--show' : '' }}">
    <view class="free-dialog__mask" />
     <view class="free-dialog__container">
       <view style="padding: 5% 5% 15%;">
         <view class="end">
           <view