element-ui
qiuqiu1894
possiblities.
展开
-
修改级联组件el-cascader默认文字样式
(适用于修改elment-ui其他组件的样式)因为element-ui组件都是封装好的,比如我想把级联框选择后的文字变大一些,那么我就要改变.el-cascader__label的font-size。我思路是这样的:为.el-cascader__label添加css选择器将样式放在中。第一步的类名取特殊一点,可以保证不会影响到全局样式。放在scoped中没有效果,在思考为什么…最终的样子:<style>.divcontent-finishInfo > .subdiv &g原创 2020-05-30 16:14:46 · 4928 阅读 · 0 评论 -
在路由router中传递el-date-picker日期值
日期组件的值,格式一般为问题:在路由中传值组件1中:this.$router.push({ path:"/comp2", query:{ date: this.date }})组件2中:this.date2 = this.$route.query.date;date2的结果是:格式很明显变了。解决:将日期值格式转换为YYYY-MM-DD的格式后,再传值。组件1中:var dateForRouting = [];if(this.date != undefine原创 2020-05-22 17:42:21 · 650 阅读 · 0 评论 -
解决el-pagination组件,current-page 绑定的数据变了,但是页面当前页码并没有变的问题
亲测有效!实现:在每一次切换后将页码置为1;在当前页自由切换页码。使用:current-page.sync<el-pagination class="tc mg" :current-page.sync="filter.page" :page-sizes="[10, 20, 100, 200]" :page-size="filter.per_page" ...原创 2020-03-27 13:06:40 · 6838 阅读 · 0 评论 -
el-select实现输入回车查询
首先要了解input的几种事件的区别@input、@keyup.enter、@change、@blur点击查看然后要了解@keyup.enter和@keyup.enter.native的区别实现: <el-select @keyup.enter.native="selectBlur" @blur="sele...原创 2020-01-17 12:34:54 · 9584 阅读 · 2 评论 -
[Element Warn]please pass correct props!
一个页面用了两个el-form。form2用了校验,因此每一个form-item都写了prop,但是form1没有写。结果怎么提交都不对,把form1的prop都加上就解决啦。原创 2019-12-08 14:11:12 · 16471 阅读 · 7 评论 -
解决 vue中el-date-picker type=daterange日期清空时不回显问题
<div class="search-brank"> <label style="cursor:pointer;" @click="search"><i class="icon-date"></i></label> <el-date-pick...原创 2019-11-02 10:17:54 · 14390 阅读 · 5 评论 -
el-tabs跳转页面到指定的tab上
功能:实现点击页面A的“更多”,跳转到页面B的“重大消息”先看一下el-tabs的代码<div class="tabs"> <el-tabs v-model="activeName" @tab-click="changeTab"> <el-tab-pane label="系统推送" name="receivedAut...原创 2019-10-13 13:19:47 · 12701 阅读 · 1 评论 -
el-select的使用、根据后台返回的value显示对应label值
**1.el-select的使用**模板:<div class="group-brank"> <label class="col-30"><span style='color:red'>*</span>难度系数</label> <template> <el-select v-model="diff...原创 2019-10-07 16:37:26 · 14033 阅读 · 3 评论 -
el-table改变行高
单个cell的内容超过cell的宽度导致一行的高度过高,解决办法:增加该cell的宽度或减少cell中内容的宽度解决后如果还是觉得太高,使用下面代码将高度降到最小: <el-table :row-style="{height:0+'px'}" :cell-style="{paddi...原创 2019-10-07 20:30:41 · 1765 阅读 · 0 评论