后台权限设置

Question

        <table class="g-tableList com_pro_list">
          <thead>
            <tr>
              <th>菜单</th>
              <th>查看</th>
              <th>新增</th>
              <th>修改</th>
              <th>删除</th>
              <th>导出</th>
              <th>审核</th>
            </tr>
          </thead>
          <tbody id="ejsxTb1">
            <tr v-for="(itemr,inde) in arrTitle" :key="inde">
              <td>{{itemr.sub}}</td>
              <td>
                <el-checkbox v-model="checklook">{{itemr.list.R}}</el-checkbox>
              </td>
              <td>
                <el-checkbox v-model="checknew">{{itemr.list.N}}</el-checkbox>
              </td>
              <td>
                <el-checkbox v-model="checkbe">{{itemr.list.M}}</el-checkbox>
              </td>
              <td>
                <el-checkbox v-model="checkdete">{{itemr.list.D}}</el-checkbox>
              </td>
              <td>
                <el-checkbox v-model="checkeduce">{{itemr.list.E}}</el-checkbox>
              </td>
              <td>
                <el-checkbox v-model="checkedaudit">{{itemr.list.V}}</el-checkbox>
              </td>
            </tr>
          </tbody>
        </table>
        

 _this.arrTitle = [];
      var listTitle = data.data; 后台返回的数据本是一个对象下面又是对象，我这最外层给它转成了一个
       数组，所以才得到arrTitle 数据，在html中遍历然后在对象点取值的
      for (let i in listTitle) {
        _this.arrTitle.push(listTitle[i]);
   }         

1.vue搭建项目，后台选择权限，创建角色，我代码用table写选择框，遇到的问题有：点击查看，一列的全部选中，这个和我td中的v-model 有关，后台数据返回1代表选中true，0代码false，都使用了vue，怎么控制数据动态渲染出来比较好？问题如上所述，请各位大佬帮忙看看！

Answer 1

arrTitle数据做下简单处理

this.arrTitle.forEach(item => {
    item.list.R = item.list.R === 1 ? true : fasle
    //item.list.R = item.list.R === '1' ? true : fasle
    item.list.N = item.list.N === 1 ? true : fasle
    ....
})

渲染

<el-checkbox v-model="item.list.R">{{itemr.list.R}}</el-checkbox>