vue element的Checkbox组件，应该是怎么使用的？

Question

vue element的Checkbox组件，应该是怎么使用的？

自己是这样来使用的，不知道是否正确；另外除了这样使用，还有什么其他更方便的使用方法？

---

1、data下form表单设置“tagscheck”和“tagslist”数组

form: {
        tagscheck:[],
        tagslist: [],
      },

2、生命周期mounted时从服务器上获取Checkbox的原始数据，并赋值给form.tagslist

    this.axios.get("http://127.0.0.1/api/v1.info/tags")
    .then(function (response) {
      if(response.data.status==1){
        that.form.tagslist=response.data.results
      }else{
        console.log('获取失败');
      }
    });

3、前段代码设置v-for循环读取form.tagslist的数据；同时给Checkbox组件设置v-model="form.tagscheck"，选中后都是到form.tagscheck去的

<el-form-item label="标签">
              <el-checkbox-group v-model="form.tagscheck">
                <el-checkbox v-for="(item,index) in form.tagslist" :label="item.id" :key="item.id">{{item.title}}</el-checkbox>
              </el-checkbox-group>
            </el-form-item>

4、最后提交数据的时候就使用form.tagscheck里的数据
但是觉得这样使用要在data里设置2个（tagscheck和tagslist），有没有更好的方法呢？

Answer 1

使用两个数据是合理的，一个存放的是所有被展示的数据，另一个存放选中的数据。

Answer 2

谢谢邀请 你这样写没问题