微信小程序 -- checkbox默认选中已有值。

在小程序官网例子中，列表需要多一个参数checked用于控制checkbox的选中（看如下截图）。这样子的话，在项目中，需要对数据列表进行处理，对每条数据都添加一个参数checked，会比较麻烦。因此，为了避免这个问题，我借助了wxs模块。

对于wxs模块，可看另一篇博客：https://blog.csdn.net/qq_41638795/article/details/96978347

实现如下：

1. js代码如下：

data中，list为数据列表，selectData为需要默认选中的数据。

data: {
    list:[{
      userId:'1',
      userName:'小白',
      },{
        userId: '2',
        userName: '大白',
      }, {
        userId: '3',
        userName: '小花',
      }, {
        userId: '4',
        userName: '大花',
      }
    ],
    selectData: ['1','2']
},

2. wxml代码如下：

  
    var isChecked = function(userId,data){
      return data.indexOf(userId) !=-1 ? true:false;
    }
    module.exports = {
      isChecked: isChecked
    }
  
  
    
      
        
          {{item.userName}}
        
        
      
    
  

wxs模块类似于vue中filter过滤器，如果wxs代码过多，可单独创建一个wxs文件，然后在wxml中引入即可。

实现效果如下：