草庐IT

custom-element

全部标签

element ui 树状表格选择父节点子节点全选,子节点不全选父节点半选

最近开发了一个需求,element树状表格,表格全选时所有项(包括所有子节点)都选中,选中树状表格父节点时,这个父节点下所有子节点也都要选中,如果某个父节点下的所有子节点没有全部,则这个父节点处于半选状态效果图:1.HTML2.JSexportdefault{name:"index",data(){return{//遮罩层loading:true,//选中数组ids:[],//非单个禁用single:true,//非多个禁用multiple:true,//总条数total:0,//运单管理表格数据orderList:[],//查询参数queryParams:{},page:{pageNum:1

Element-ui 路由导航

Element-ui路由导航1.router数组constroutes=[{path:'/',redirect:'/home',},{path:'/home',name:'home',components:{aside,default:main,header,},meta:{titel:'首页',icon:'el-icon-location',},},{path:'/book',components:{aside,default:main,header,},meta:{icon:'el-icon-location',titel:'预约管理',},children:[{path:'reg1',c

Element UI中实现el-table单元格全部无边框,鼠标浮动到表格上时去掉el-table默认背景色

1.实现无边框/*去除表格线*/.el_table>>>.el-table__row>td{border:none;}/*去除上边框*/.el_table>>>.el-tableth.is-leaf{border:none;}/*去除下边框*/.el_table>>>.el-table::before{height:0;}2.实现当鼠标浮动到表格上时去掉el-table默认背景色.el-table::v-deeptbodytr:hover>td{background-color:#fff;}3.使用    //长度占50%的两列4.实现效果  

Element UI中实现el-table单元格全部无边框,鼠标浮动到表格上时去掉el-table默认背景色

1.实现无边框/*去除表格线*/.el_table>>>.el-table__row>td{border:none;}/*去除上边框*/.el_table>>>.el-tableth.is-leaf{border:none;}/*去除下边框*/.el_table>>>.el-table::before{height:0;}2.实现当鼠标浮动到表格上时去掉el-table默认背景色.el-table::v-deeptbodytr:hover>td{background-color:#fff;}3.使用    //长度占50%的两列4.实现效果  

Rollup failed to resolve import “element-plus/es/components“ from “node_modules/element-plus/es/inde

–>Rollupfailedtoresolveimport“element-plus/es/components”from“node_modules/element-plus/es/index.js”.今天打包的时候出现了错误Rollupfailedtoresolveimport"element-plus/es/components"from"node_modules/element-plus/es/index.js".Thisismostlikelyunintendedbecauseitcanbreakyourapplicationatruntime.Ifyoudowanttoexterna

vue element ui table行点击添加自定义行背景色

  1.在table添加cell-style属性:cell-style="TableCellStyle" 2.在methods中添加TableCellStyleTableCellStyle(row){if(this.row===row.row){return"background-color:#214F81;color:#ffffff!important;";}else{return"background-color:transparent;";}},3.在table添加row-click@row-click="RowClickFun"4.在methods中添加RowClickFunRowCl

element-ui实现附件上传功能

1.引入文件FileUpdata选取文件请上传大小不超过{{fileSize}}MB格式为{{fileType.join("/")}}的文件{{getFileName(file.name)}}删除import{getToken}from"@/utils/auth";import{delAttachment}from"@/api/customer/information";exportdefault{name:"FileUpload",props:{//值value:[String,Object,Array],//数量限制limit:{type:Number,default:5,},//大小限制

【vue组件】使用element-ui 实现三级联动下拉选择

实现的思路是第一个下拉选择在选择了选项后将该选项的信息传递到接口请求下一个选项的内容,依次类推然后在清除了上一级选择的选项后要将其次级和子孙级的选项都清除(包括选择里的列表内容)下面看具体代码:template>div>div>el-form:size="'small'":inline="true":model="ruleForm"ref="ruleForm"label-width="120px"label-position="left":rules="addRules">divclass="scan_title">展示:/div> !--自定义清除方法,注意change方法在clear前执

使用element-ui的el-upload进行excel文件上传与下载

需求:前端上传文件后,后端接受文件进行处理后直接返回处理后的文件,前端直接再将文件下载下来。通常我们都是直接使用el-upload的action属性来直接完成文件上传的操作,如果要进行后续文件的直接下载,可以在on-success中用代码进行操作,若存在401权限问题也可以直接设置headers属性添加token,以下: 将文件拖到此处,或点击上传*请上传excel文件actionUrl:`${this.BASEURL}/xxx`,//接口headers:JSON.parse(sessionStorage.getItem('access_token')).content,//获取tokenha

戈朗 : Custom package and 'undefined'

我已经阅读了有关创建自定义包等的文档,但我似乎无法确定问题所在。GOPATH=/Users/lrsmith/GoWorkSpace|->bin|->pkg|->src|->github.com|->lrsmith|->zaphod|->zaphod.go我已经完成了'gogetgithub.com/lrsmith/go-icinga2-api/iapi'并且它将其放入与“zaphod”相同的目录中,并在pkg下创建.a文件。GOPATH=/Users/lrsmith/GoWorkSpace|->bin/|->pkg/|->..../iapi.a|->src/|->github.com/