02-关于微信小程序中开发弹窗多选使用数组includes来判断是否被选择遇到的问题 WXML不支持数组includes方法

微信小程序弹窗多选数组includes使用问题

Neptia尼普提亚

已于 2025-07-14 10:43:59 修改

阅读量112

点赞数 2

CC 4.0 BY-SA版权

文章标签：微信小程序小程序

于 2025-07-04 14:41:05 首次发布

本文链接：https://blog.csdn.net/kennyssasas/article/details/149117231

1.定义数据

options: [
  {name: '苹果', value: 'apple'},
  {name: '香蕉', value: 'banana'}
]
selectedValues: ['apple'] // 当前已选苹果

2.如下代码在微信小程序会一直不起作用,应为在WXML中数组.includes()方法不起作用需要使用过滤器来辅助

<view wx:if="{{selectedValues.includes('apple')}}">
  显示对勾 ✔️
</view>

3.过滤器在根目录下 filters/util/util.wxs

var includes = function (arrays, searchElement) {
  var isok = false
  if (arrays.length) {
    arrays.forEach(function (item) {
      if (item == searchElement) {
        isok = true
      }
    })
    return isok
  }
 
}
module.exports = {
  includes: includes
}

4.使用过滤器

<wxs module="util" src="/filters/util/util.wxs"></wxs>
<view wx:if="{{util.includes(selectedValues,'apple')}}">
  显示对勾 ✔️
</view>