草庐IT

vue element ui 修改 el-checkbox的禁用状态下的颜色

vueelementui修改el-checkbox的禁用状态下的颜色1.vueelementui修改el-checkbox的禁用状态下的颜色//checkBox自定义禁用样式.el-checkbox__input.is-disabled+.el-checkbox__label{color:#808080!important;}.el-checkbox__input.is-disabled.is-checked+.el-checkbox__label{color:#1890ff!important;}.el-checkbox__input.is-disabled.is-checked.el-ch

el-dialog固定高度

el-dialog默认高度是自由拉伸的,当内容超过屏幕时会出现滚动条,按钮和标题都会随着滚动,用户体验不好。依照elementUI文档给dialog添加了custom-class之后利用::v-deep穿透,在css中添加以下代码就能实现高度超出了:.container-box{//弹出层的高度::v-deep.el-dialog.import-dialog{height:auto;max-height:80vh;overflow-y:auto;}//弹出层里内容的高度::v-deep.el-dialog__body{max-height:70vh!important;}}

关于vue的element的输入框el-input限输入只能是数字,包含小数,正数,自然数等等。

关于element的输入框el-input限输入只能是数字,就是包括数字123456,小数的只能一个小数点,不能出现多个小数点,小数可以0开头,但是整数不能0开头,不能输入文字,不能输入负数,所以对于这个我做了两个判断,一个是正则判断,还有一个是0开头的整数判断,正则判断是只能输入数字,只能输入一个小数点,不能输入负数,整数判断是input输入失去焦点的时候,如果是小数0.开头的不管,但是如果不是0.开头的就要把第一个数字0去掉。代码如下: data:{ num:0, }, methods:{ //这操作是如果是小数0点多,那就不理它,但是如果是0+一个数字,那么就把这个0去掉 get

vue实现多个el-form表单提交统一校验

通过以下两种方法实现多个表单的统一校验:1.定义模板内容在el-form表单中添加ref属性来获取表单组件对象template>div>el-formref="form1":rules="rules1">el-form>el-formref="form2":rules="rules2">el-form>el-button@click="submit">提交el-button>div>template>2.方法一在上述代码中,我们给每个el-form表单添加了ref属性,分别为form1和form2,在submit方法中,分别对两个表单使用validate方法进行表单校验exportdefaul

vue+ElementUI el-table表格单元格编辑增加键盘事件功能(向上、向下、回车键盘事件)

1、此功能已集成到TTable组件中2、最终效果3、关键代码//键盘事件handleKeyup(event,index,key){if(!this.isKeyup)returnthis.copyTableData=JSON.parse(JSON.stringify(this.tableData))//向上键if(event.keyCode===38){//获取到所有class为[key]的dom列表letdoms=document.getElementsByClassName(key)if(!index){index=this.copyTableData.length}//选中类表中第inde

javascript - Backbone.js View 中的 $el 和 el 有什么区别?

你能说出Backbone.jsView中$el和el的区别吗? 最佳答案 "el"isHTMLElement"$el"isjQuery假设你这样做varmyel=this.el;//herewhatyouhaveisthehtmlelement,//youwillbeabletoaccess(read/modify)thehtml//propertiesofthiselement,有了这个varmy$el=this.$el;//youwillhavetheelementbut//withallofthefunctionsthatjQ

javascript - Backbone.js View 中的 $el 和 el 有什么区别?

你能说出Backbone.jsView中$el和el的区别吗? 最佳答案 "el"isHTMLElement"$el"isjQuery假设你这样做varmyel=this.el;//herewhatyouhaveisthehtmlelement,//youwillbeabletoaccess(read/modify)thehtml//propertiesofthiselement,有了这个varmy$el=this.$el;//youwillhavetheelementbut//withallofthefunctionsthatjQ

el-form-item内让元素靠右

el-form-item内让元素(按钮)靠右对齐具体需求是要将下图中的注册按钮靠右对齐,最开始考虑的使用栅格来控制位置,但不太好调整。后来又使用display:flex+justify-self:end;、和float:right,发现根本不好用,后来使用了position:absolute+right:0%具体需求是要将下图中的注册按钮靠右对齐,最开始考虑的使用栅格来控制位置,但不太好调整。后来又使用display:flex+justify-self:end;、和float:right,发现根本不好用,后来使用了position:absolute+right:0%html代码:el-form

Element-UI el-select 多选菜单换行撑开

问题描述:          Element-UIel-select多选菜单换行撑开显示破坏整体样式 问题解决:        添加如下样式:/deep/.el-select__tags{flex-wrap:unset;overflow:auto;}         若出现滚动条样式不好看,可以更改样式,和elementui保持一致。 /deep/.el-select__tags{flex-wrap:unset;overflow:auto;&::-webkit-scrollbar-track-piece{background:#d3dce6;}&::-webkit-scrollbar{widt

解决el-table数据量过大(上万条)加载及复选框选择卡顿问题

需要用到umy-ui组件及虚拟表格。安装:npminstallumy-ui引用:import{UTable,UTableColumn}from'umy-ui';importAppfrom'./App.vue';Vue.component(UTable.name,UTable);Vue.component(UTableColumn.name,UTableColumn);1,数据量加载卡顿问题。把el-table改成u-table。把el-table-column改成u-table-column。u-table增加三个属性(必须): use-virtual,row-height,height,表示