elment-ui点击按钮，表格内勾选框被取消问题

最新推荐文章于 2024-07-19 17:15:11 发布

weixin_33910460

最新推荐文章于 2024-07-19 17:15:11 发布

阅读量482

点赞数

文章标签： ui python

原文链接：https://my.oschina.net/u/4131669/blog/3048455

版权

2019独角兽企业重金招聘Python工程师标准>>>

根据后台返回的jason数组，在列表渲染中使用checked="true"属性，勾选框会显示勾选状态：

<el-checkbox :checked="scope.row.selectCheck" v-model="scope.row.repair" label="维修通知" name="type"></el-checkbox>

但是在表格内点击“保存”按钮，点击行的勾选框会被取消，在点击“添加”按钮，表格所有的勾选框均被取消。

elment-ui中提到的另一种复选框选中的方法，使用v-model绑定被选中key值数组可解决

<template slot-scope="scope">
  <el-checkbox-group 
    v-model="scope.row.checkedFunction" 
    @change="handleCheckedFunctionChange">
     <el-checkbox label="repair" key="repair">维修通知</el-checkbox>
     <el-checkbox label="inspection" key="inspection">质检通知</el-checkbox>
  </el-checkbox-group> 
</template>

<script>
  export default {
    data () {
      list: {
        checkedFunction: ['repair','inspection']
      }
    },
    methods: {
      handleCheckedFunctionChange (value) {
            console.log(value); //data: ['repair',inspection]
        },
    }
}
</script>

转载于:https://my.oschina.net/u/4131669/blog/3048455