vue element checkbox 根据数组内容选中checkbox

最新推荐文章于 2024-07-12 16:15:03 发布

爱喝白开水的007

最新推荐文章于 2024-07-12 16:15:03 发布

阅读量3.8k

点赞数 1

分类专栏： vue 文章标签： vue element checkbox

本文链接：https://blog.csdn.net/qq_33362637/article/details/84343678

版权

本文档介绍如何在Vue项目中使用Element UI的Checkbox组件，并结合JavaScript处理数组数据，实现动态设置Checkbox的选中状态。

摘要由CSDN通过智能技术生成

template

 <el-tab-pane name="second">
                  <span slot="label">
                  <el-checkbox
                  v-model="checkAllAsia"
                  @change="CheckAllChangeAsia"
                  :indeterminate="isIndeterminateAsia"
                  style="float:left;">
                  </el-checkbox>
                  亚洲
                  </span>
                <el-checkbox-group
                v-model="checkedCitiesAsia"
                @change="CheckedCitiesChangeAsia">
                <el-checkbox
                v-for="(city,index) in citiesAsia"
                :label="city.id"
                :key="index"
                v-model="city.id"
                @change="checked=>checkRow(checked, city.id)"