1.标签设置 添加标签template，slot-scope设置为scope，slot设置为menu 内部就可以添加按钮和自己想要的属性了 <avue-crud ref="thresholdSetTable" :data="pageData" :option="option" :page.sync="page" @selection-change="selectionChange" @size-change="sizeChange" @current-change="currentChange" @search-change="searchChange" @search-reset="searchReset" > <template slot="search"> <el-form-item label="指标名称"> <el-input v-model="searchForm.indexName" placeholder="请输入指标名称" size="small" /> </el-form-item> </templa.... 有更新！ avue.js表格添加行内操作按钮 程序人生
md中编写sql select * from test_table where 1=1 @if(!isEmpty(indexName)){ and index_name_ like #'%'+indexName+'%'# @} 在##符号中拼接%值%，最外层使用@if做判断，只在条件非空时执行此操作 有更新！ beetlsql使用like条件做查询 程序人生
1.创建表格，添加搜索条件 <avue-crud ref="indexDistributionTable" :data="pageData" :option="option" :page.sync="page" @selection-change="selectionChange" @size-change="sizeChange" @current-change="currentChange" @search-change="searchChange" @search-reset="searchReset" > <template slot="search"> <el-form-item label="指标名称"> <el-input v-model="searchForm.indexName" placeholder="请输入指标名称" size="small" /> </el-form-item> </template> </avue-crud 表格的其他属性此前已经有对应的文章了（avue.js表格.... 有更新！ avue.js表格添加搜索条件 程序人生
1.定义avue-crud <el-dialog :visible.sync="detailDialog" title="明细" top="100px" width="90%"> <avue-crud ref="detailTable" :data="detailData" :option="detailOption" :page.sync="detailPage" :over-hidden="true" @size-change="detailTableSizeChange" @current-change="detailTableCurrentChange"> <div slot="footer" class="dialog-footer"> <el-button @click="detailDialog = false">确 定</el-button> </div> </avue-crud></el-dialog> 2.属性配置 detailDialog控制显示 :data="det.... 有更新！ avue.js 表格 程序人生
1.el-tree属性设置 <el-tree ref="orgTree" :style="{height:autoHeight,'overflow':'auto'}" :props="orgTree.defaultProps" :load="loadOrgChildren" node-key="id" lazy class="filter-tree"> <span slot-scope="{ node, data }" class="custom-tree-node"> <span v-if="node.label.length < 10"> {{ node.label }} </span> <el-tooltip v-else :content="node.label" class="item" effect="dark" placement="top-start"> <span > {{ node.label | ellipsis(10) }} </span> </el-tooltip&.... 有更新！ element-ui 树形表格懒加载 程序人生
1.建立springboot工程引入依赖 <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.10</version> </dependency> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>5.1.4</version> </dependency> 2.... 有更新！ spring boot引入mybatis 程序人生
问尤龙の时光