element-ui 使用整理

1. el-dialog 嵌套 el-dialog 问题

⼀定要给⽗级 el-dialog 加上

modal-append-to-body="false"

嵌套的⼦级 el-dialog 也加上

append-to-body="true"

含义：
modal-append-to-body 遮罩层是否插⼊⾄ body 元素上，若为 false，则遮罩层会插⼊⾄ Dialog的⽗元素上
append-to-body Dialog ⾃身是否插⼊⾄ body 元素上。嵌套的 Dialog 必须指定定该属性并赋值为true

2. el-checkbox 取消默认事件

// 使用 native.prevent
<el-checkbox v-model="scope.row.checked" :checked="scope.row.checked" :true-label="true" :false-label="false" @change.native.prevent="selectHandle($event, scope.row)">选择使用</el-checkbox>

selectHandle(event, row) {
   event.stopPropagation();
   event.preventDefault();
   row.checked = false;
}