elment-ui點擊按鈕,表格內勾選框被取消問題

根據後臺返回的jason數組,在列表渲染中使用checked="true"屬性,勾選框會顯示勾選狀態:javascript

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

可是在表格內點擊「保存」按鈕,點擊行的勾選框會被取消,在點擊「添加」按鈕,表格全部的勾選框均被取消。java

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>
相關文章
相關標籤/搜索