Vue中checkbox绑定了:values和v-model取值是不是想要的数组而是true和false

Question

问题描述

Vue中checkbox绑定了:values和v-model取值是不是想要的数组而是true和false

问题出现的环境背景及自己尝试过哪些方法

在网上看了很多方法都没有实现，

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
数据生成和v-model的代码

<p v-for="(row, i) in options">
    <input id="tag" type="checkbox" class="checkbox-inline" :value="row.id" :data="row" v-model="blog.tag[i]">
    <label for="tag" v-text="row.tag"></label></p>

return{
          blog:{
            author:'谈何易i',
            title:null,
            intro:null,
            content:null,
            tag:[],
            create_time:this.getNowFormatDate()
          },
          tagList:[],
          editorOption: {}
          },
          options:'',
          postOptions:[]
        };

你期待的结果是什么？实际看到的错误信息又是什么？

想取出选中的ID值，实际返回的却是true和false

Answer 1

checkobx的value不支持数组，这不是vue决定的，想要实现可以考虑写个checkboxGroup，通过单个checkbox的true/false把值存进数组，可以参考iview的组件。