elementUI
坐观云起笑看风
践行就会有收货
展开
-
Element UI 上传组件的使用
<el-upload class="upload-demo" :action="uploadImgUrl" accept=".pdf,.doc,.docx" :limit="1" :on-remove="handleRemove" :before-remove="beforeRemove" :on-success="uploadSuc...原创 2021-06-28 10:04:51 · 2197 阅读 · 0 评论 -
element ui表格勾选后勾选框置灰,不可再勾选
首先在type="selection"的表格列里写上方法:selectable="checkSelectable"<el-table-column type="selection" :selectable="checkSelectable" />checkSelectable方法中写 checkSelectable(row){ if(this.tDangerPurchaseDetailsList.length>0){//判断容器表里是否...原创 2021-09-01 09:44:50 · 3044 阅读 · 0 评论 -
element ui表格头部和表单的小红星*
在表格模板中写:render-header="renderHeader" <el-table-column label="纯度" :render-header="renderHeader" >在方法中写 renderHeader (h, { column, $index }){ let currentLabel = column.label; return h('span',{},[ ...原创 2021-09-01 15:52:41 · 1204 阅读 · 0 评论 -
element ui表格时间列格式化
before after首先在main.js中注册全局定义格式化时间的过滤器方法,名字叫dataFormatVue.filter('dateFormat',function(originVal){ const dt =new Date(originVal) const y = dt.getFullYear() const m=(dt.getMonth()+1...翻译 2021-09-14 10:24:32 · 547 阅读 · 0 评论 -
element ui 表格中可编辑的两数字列计算el-input-number,el-input-number加减号没反应
3列的值是1列乘以2列计算得出的,并且1列和2列必须是正整数首先想到的是下图这种办法,用v-model.number 加校验,只要输入的是字符就会被替换成''空字符串,但这种方法在用户点击字符键盘后输入的内容就会被替换成空字符,无法做后面的计算处理后来改成type="number",这种做法虽然很好的处理了用户输入字符键盘的情况,但可以输入小数点,要求是必须是正整数。el-input-number完美的处理了我的需求:min是可输入的最小值:max是可输入的最大值,.原创 2021-09-15 16:59:12 · 6447 阅读 · 0 评论 -
element ui 文本域右el-textarea下角的计数限制不挡住文本框里面输入的字
beforeafter只需要改下样式,文本域的框离下边距比字体高度高一点就可以了,这样滚动滚动条,字一直可以看到。.el-textarea textarea{ padding-bottom: 13px;}.el-textarea .el-input__count{ height: 12px; line-height: 12px;}...原创 2021-10-11 11:20:20 · 6310 阅读 · 4 评论 -
element ui 在表格中自定义tooltip
用element ui 表格做的看板,第一列表头是一个时间选择器,筛选整个看板的的时间,第一列的内容是当前行的名字,剩下的列是看板内容,指上去要有tootip提示并且提示内容有背景颜色,和第一列常规的tootip不同第一列表头时间选择器代码: <el-table-column width="200" align="left" :show-overflow-tooltip="true" prop="accName" > <template slo.原创 2021-10-20 10:13:05 · 2280 阅读 · 0 评论 -
element ui 中el-date-picker控制时间禁止状态
<el-date-picker class="wid100" size="mini" v-model="addYear" @change="changeYear" format="yyyy年" value-format="yyyy" type="year" placeholder="选择年" ...原创 2022-02-08 13:59:06 · 520 阅读 · 0 评论