element ui 中的chekbox 哪个属性是让它取消勾选啊?

0 0 javascript html php vue.js
小爷ㄆ我不在乎ツ
2019-02-15 15:21:58 提问

关注 0关注

收藏 0收藏, 246浏览

      {{city.name}}点击的时候,会勾选!
    然后我设置了一个子组件,用来显示勾选的内容!
    
  {{item.name}}

remove: function (i) {
  this.ipTm[i].selected = false
  this.$emit('vbl', this.ipTm[i].selected)  传给父组件的是一个false
  console.log(i, 1111)
  console.log(i, 2222)
}
然后我点击子组件显示的文字想让父组件的。。被勾选中的内容,去掉勾选!
请先 登录 后评论

3个回答

  • ╰╮妖言惑众50声望 2018-09-25 09:27

    checkbox 加个v-model="city.check",每个aras的数据添加一个{check:false}$emit把index和this.ipTm[i].selected传过去,$on接收,然后this.aras[传过来的index].check = 传过来的selected
    请先 登录 后评论
  • 墙扶不起的阿斗106声望 2018-09-25 09:31

    element给出了选中和取消的属性isIndeterminate,通过change事件改变该属性的boolean的属性值贴上代码 <template> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox> <div style="margin: 15px 0;"></div> <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange"> <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox> </el-checkbox-group> </template> <script> const cityOptions = ['上海', '北京', '广州', '深圳']; export default { data() { return { checkAll: false, checkedCities: ['上海', '北京'], cities: cityOptions, isIndeterminate: true }; }, methods: { handleCheckAllChange(val) { this.checkedCities = val ? cityOptions : []; this.isIndeterminate = false; }, handleCheckedCitiesChange(value) { let checkedCount = value.length; this.checkAll = checkedCount === this.cities.length; this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length; } } }; </script>
    请先 登录 后评论
  • Carlos Beranger174声望 2018-09-25 09:31

    checked
    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问