知识点整理

el-table属性

1. table菜单分级

:tree-props = "{children: 'children', hasChildren: 'hasChildren'}"

2. 弹窗的显示隐藏 :visible为true的时候显示，false时隐藏，.sync为动态双向绑定

<el-dialog
:visible.sync="taskShow"
>
</el-dialog>

data() {
  return {
     taskShow: false
  }
}

3. 销毁dialog组件及其子元素

:destroy-on-close = "true"

4. @close 在close方法中，写出清空校验和内容重置方法（页面关闭时会调用close方法）

@close=""

5. close事件 vue_vue组件通信总结 [总结链接]((37条消息) close事件 vue_vue组件通信总结_歡瑜的博客-CSDN博客)

vxe-table

1. 图片自动适应大小

auto-resize
2. keep-source. 数据状态相关的表格必须都加入

keeo-source

3. 验证规则

:edit-rules = "validRulesTask"

data() {
  return {
   validRulesTask: {
     name: [
        { required: true, message:}
     ]
   }
}
}

4. edit-config 为可编辑配置项,详细内容见vxe-table的api

:edit-config=" {trigger:'click', mode:'row',showAsterisk: false}"

trigger: 触发方式
manual: 手动触发，只能用于mode=row click: 点击触发编辑 dbclick: 双击触发编辑

mode: 编辑模式 cell:单元格编辑模式 row: 行编辑模式

showAsterisk: 是否显示必填字段* 5. edit-actived 只对edit-config配置有效，单元格被激活编辑时会触发该事件

:edit-actived="editActived"

methods: {
  editActived () {
    
 }
}

6.checkbox-config为复选框配置项，详见api [](vxe-table v4 (vxetable.cn))