element
北海军
这个作者很懒,什么都没留下…
展开
-
upload上传弹窗前二次确认
el-button class="button" type="primary" @click="importDetail(scope.row)">导入</el-button><el-button class="button" type="primary" @click="importFile()" >导入</el-button>this.$message.error('上传失败');原创 2023-09-22 16:21:02 · 375 阅读 · 0 评论 -
element 上传过程中不可重复点击按钮不弹窗
支持扩展名:Excel原创 2023-08-31 11:24:11 · 247 阅读 · 0 评论 -
elment 页码组件
element page页码组件无论点击第几页当前激活页总为1,count页码总数直接用后台返回字段赋值即可,不可进行count = 0赋值后在用后台返回字段赋值原创 2021-01-12 13:12:38 · 173 阅读 · 0 评论 -
input只能输入数字且只能一个小数点,且限制录入长度
<el-inputonkeyup="value=Number(value.replace(/[^\d.]/g,''));"v-model="ruleForm.sale_price"placeholder="请输入售价":min=0type='number'></el-input>原创 2020-09-12 10:54:56 · 744 阅读 · 0 评论 -
element 上传插件默认fileList列表不显示✔
//后台返回下载列表fileList数据除了包含name,url两个字段,还有很多其他字段,删除一些字段即可,或者直接仅返回name,url两个字段最好原创 2020-03-23 17:00:32 · 3635 阅读 · 0 评论 -
swicth改变状态后返回新状态以及其他参数
<div slot="status" slot-scope="{ row,index }"> <i-switch :value="row.status" :true-value="1" :false-value="0" @on-change="switchStatus($event,row,index)"></i-switch></div...原创 2019-12-30 11:37:22 · 376 阅读 · 0 评论 -
elment 循环table添加动态表头动态column属性
// 含有ivew组件,可直接替换成element组件<template> <div class="page-wrapper"> <div class="page-wrapper-content"> <div class="list-header"> <h4 c...原创 2019-12-19 17:55:02 · 428 阅读 · 0 评论 -
input输入框只可输入正数
<el-table-column prop="deptCost" width="160" :label="'协助事业部内部成本\n' + totalList.deptsCostPlanTotal + '(元)'"> <template slot-scope="scope"> <el-input :disabled="isSubmit" @keyu...原创 2019-07-31 17:18:09 · 1118 阅读 · 0 评论 -
el-table-column label标题换行
方法1<el-table-column prop="otherCost" :label="'其他项目成本\n(元)'"> // 添加\n </el-table-column>.el-table .cell { white-space: pre-line;}方法2<el-table-column prop="totalCo...转载 2019-07-25 21:20:52 · 5950 阅读 · 0 评论 -
element table升降序
<el-table type="selection" :data="tableData" border @sort-change="getOrder" ><el-table-columnprop="percent_sales" label="销售额 / 占比" :sortable="true"></el-table-column>...转载 2019-03-28 11:59:52 · 808 阅读 · 0 评论 -
el-table-column 规定超过多少个文本才显示。。。
<el-table-column prop="carOwner" label="车主" header-align="center" align="center"> <template slot-scope="scope"> <div style="position: relative">原创 2018-10-26 10:49:16 · 5793 阅读 · 1 评论 -
el-table动态表格赋值任意单元格文本
<el-table class='mt10' type="selection" :data="tableData" border :cell-class-name="rowClass" ref="tables" @cell-click="cellClick"> <TableSimpleCol v-for="(item, index) i原创 2018-10-22 10:00:05 · 4561 阅读 · 0 评论 -
table下td选项相同报错,渲染出来的还是前面一个table的td(_self.$scopedSlots.default is not a function)
_self.$scopedSlots.default is not a function //报错提示<el-table :data="tableData5" border key="tableData5"> <el-table-column prop="drivingNum" label="编号" header-align="center"转载 2018-07-19 16:55:48 · 1668 阅读 · 0 评论 -
element(table头部合并)
<el-table type="selection" :data="tableData" border> <el-table-column label="退款金额比例" header-align="center" align="center"> </el-table-column> <原创 2018-07-25 18:24:18 · 6046 阅读 · 0 评论 -
date(基于element,vue当前时间点击前,后一天)
<span class="c-btn-link mr10" @click="beforeDate">前一天</span><el-date-picker v-model="valueDate" type="date" placeholder="选择日期" format="yyyy - MM - dd "原创 2018-07-27 10:09:19 · 9046 阅读 · 0 评论 -
element table(任意td改变背景颜色cell-class-name)
<el-table class='mt10' type="selection" :data="tableData" border ref="dataTable" :cell-class-name="rowClass"> rowClass ({ row, column, rowIndex, columnIndex }) { if (rowIndex === 5 &...原创 2018-07-27 18:19:12 · 19820 阅读 · 0 评论 -
elment(table下td合并)
方法1(有bug,点击table任意位置table数据全部丢失):<el-table :data="tableData" border :span-method="mergeRow"> //添加:span-method="mergeRow"return {column_row_offset: { testNumber: [1, 2, 1, 1, 1, 1, 1, 1, ...转载 2018-08-02 13:49:30 · 553 阅读 · 0 评论 -
element table序号
<el-table :data="tableData" border> <el-table-column type="index" label="序号" header-align="center" align="center"> </el-table-column></el-tabl转载 2018-08-15 16:06:22 · 8562 阅读 · 1 评论 -
element table(隐藏某个表头数据)
<el-table-column prop="status" label="" v-if="hideRow" header-align="center" align="center"></el-table-column>//只能v-if不能v-show转载 2018-08-15 17:52:52 · 18900 阅读 · 0 评论 -
element(表格提交时获取所有选中的checkbox的数据)
<el-table :data="tableData" border @selection-change="changeFun"> // table表头设置selection-change(changeFun方法)data 设置 multipleSelection: [],methods设置changeFun (val) { this.multipleSele...转载 2018-09-11 09:23:14 · 17607 阅读 · 0 评论 -
element(时间插件返回时间戳给后台)
<el-date-picker v-model="dioData.reqDate" placeholder="网约时间" value-format="timestamp" dateType="time"></el-date-picker>// 加上value-format="timestamp" 即可转载 2018-09-11 11:13:11 · 10302 阅读 · 0 评论 -
获取非表单中所有选中的checkbox(elment-ui)
<el-checkbox-group v-model="tmpData.oneDayTimeIds" @change="checkTimeArr"> <el-checkbox :label="item.beginTime + '-' + item.endTime" v-for="(item, index) in inputData" :key="item.id"原创 2018-10-18 10:28:41 · 547 阅读 · 0 评论 -
element(table下td循环数据)
<el-table-column prop="customerName" label="客户姓名" header-align="center" align="center"> <template slot-scope="scope"> <div @click="peoDetails($event)"转载 2018-07-17 13:45:20 · 7585 阅读 · 0 评论