素材牛VIP会员
element ui 中的chekbox 哪个属性是让它取消勾选啊?
 su***in  分类:JavaScript  人气:2931  回帖:1  发布于6年前 收藏

<el-checkbox-group v-model="abCityone" @change="handleCheckedCitiesChange1">

      <el-checkbox  v-for="(city, index) in aras" :label="city" :key="index"  @change="retAurn(index)">{{city.name}}</el-checkbox>
    </el-checkbox-group
    
    点击的时候,会勾选!
    然后我设置了一个子组件,用来显示勾选的内容!
    <li v-for="(item, index) in ipTm"
    :key="index"
    v-show="item.selected" @click="remove(index)">
  {{item.name}}
</li>
remove: function (i) {
  this.ipTm[i].selected = false
  this.$emit('vbl', this.ipTm[i].selected)  传给父组件的是一个false
  console.log(i, 1111)
  console.log(i, 2222)
}
然后我点击子组件显示的文字想让父组件的。。被勾选中的内容,去掉勾选!

讨论这个帖子(1)垃圾回帖将一律封号处理……

Lv3 码奴
上***水 职业无 6年前#1

checkbox 加个v-model="city.check",每个aras的数据添加一个{check:false}
$emit把index和this.ipTm[i].selected传过去,$on接收,然后this.aras[传过来的index].check = 传过来的selected

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取