element-ui
小李吖
这个作者很懒,什么都没留下…
展开
-
vue+el-table导出为excel文件(及数字被科学计数法问题解决)
1.首先,项目安装依赖npm install xlsx file-saver -Snpm install script-loader -S -D2.组件代码//html代码<el-button type="primary" size="default" @click="exportExcel">导出</el-button><!-- el-table添加id --><el-table :data="dataList" id="export-table"原创 2021-05-10 17:07:07 · 1200 阅读 · 0 评论 -
el-form单独设置校验规则(根据某条件判断required是否必填)
应用场景联营扣率:当经营方式为“联营”时,必填,0.0000~100.0000;当经营方式为其他时,此出入框置灰 <el-form-item label="联营扣率:" class="Com-limitWord" prop="priceCutRate" :rules="[{required:form.saleType == 3 ? true : false,validator: checkDeductionRate,trigger: 'blur'}]" > .原创 2020-09-24 09:38:42 · 6563 阅读 · 2 评论 -
element,el-cascader省市区级联动态加载数据
效果图(可选择某个省份下的全部市,或某个市下面的全部区/县)代码<el-cascader :props="props" @change="locationsChange" placeholder="省/市/区" size="small" v-model="locationsData" clearable></el-cascader><script> // import { getComProvince, getComCity, get原创 2020-07-03 15:21:24 · 3038 阅读 · 1 评论 -
elementUI-dialog中使用echarts报错
打开el_dialog时,dom元素还没有渲染完成,可使用Vue.nextTick解决问题openDialog() { this.dialogVisible = true; this.$nextTick(() => { this.drawCategorySales(); this.drawBar(); });},参考文章:https://blog.csdn.net/qq_26811445/article/details/86596914...原创 2020-06-17 14:00:50 · 1734 阅读 · 0 评论 -
elementUI竖向表格、和并列
elementUI表格改为竖向表格以及和并列效果图如下代码<template> <div> <section> <el-table :show-header="false" :data="tableData" :span-method="objectSpanMethod" border :cell-style="columnStyle"原创 2020-05-26 14:11:42 · 14466 阅读 · 2 评论 -
vue父组件调用子组件方法
vue父组件调用子组件方法比如,父组件有一个弹窗组件,在子组件里定义自己的显示隐藏效果,父组件调用。通过ref调用子组件的方法父组件代码<template> <div> //父组件点击事件 <el-button type="primary" @click="parentOpenDialog">打开弹窗</el-button> //父组件使用子组件,写上ref="" <dialog ref="dialog原创 2020-05-19 11:48:14 · 7091 阅读 · 0 评论 -
el-form表单验证
vue使用element-ui的表单验证this.$refs[formName].validate的代码不执行百度到,如果自定义验证中,每种情况都要写明确和有回调函数callback,检查自己的代码,并没有这个错误,然后发现是因为 没写:model=“rateData”。加上去就好了...原创 2020-05-19 10:44:01 · 711 阅读 · 0 评论