最详细的avue属性及使用详细介绍.pdfVIP

最详细的avue属性及使⽤详细介绍 avue属性及使⽤详细介绍 template 基础组件 !-- -- basic-container 导出 !-- el-button @click=exportHandle/el-button -- avue-crud 设置表格属性 :option=option ⽤来存取页⾯的值 v-model=form 获取后台数据 :data=data :table-loading=loading 分页 :page=page 权限控制 操作按钮动态显⽰ :permission=permissionList 打开前回调 :before-open=beforeOpen 关闭前回调 :before-close=beforeClose 获取dom 结构 ref=crud 数据编辑后出发 @row-update=rowUpdate 新增数据确定后执⾏ @row-save=rowSave ⾏删除 @row-del=rowDel 点击搜索后触发该事件 @search-change=searchChange 清空搜索回调⽅法 @search-reset=searchReset 当选择项发⽣变化时会触发该事件 @selection-change=selectionChange @current-change=currentChange 点击每页多少条 @size-change=sizeChange 点击刷新 @refresh-change=onLoad(page) 初始化页⾯ @on-load=onLoad ⾃定义按钮 template slot-scope=scope slot=menu el-button @click=submitHandle(scope.row)提交/el-button template slot-scope={ row } slot=status el-tag v-if=row.status == 0待审/el-tag el-tag v-else-if=row.status == 1 type=info审批中/el-tag /template /avue-crud /basic-container /template script export default { data() { return { form : {}, type : , page : { pageSize: 10, currentPage: 1, total: 0, }, selectionList: [], option : { // 弹框⽂字提⽰ tip : false, // 边框 // 边框 border : true, // 显⽰序号 index: true, // 序号标题 indexLabel: 序号, //打印按钮 printBtn : true // 刷新按钮 refreshBtn: true // 查看按钮 viewBtn : true, // ⾏内编辑按钮 editBtn : false, // ⾏内删除 delBtn : false, //⾸次加载是否显⽰搜索 searchShow: true, // selection: true, column : [ { label: 请假⼈, // 匹配后端字段 prop : userId, 输⼊框状态控制默认为 //