![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
永远的个初学者
这个作者很懒,什么都没留下…
展开
-
前端 常用正则校验
element 各种正则校验原创 2022-06-29 17:38:07 · 776 阅读 · 0 评论 -
element computed校验方式
element computed 表单校验原创 2022-06-29 17:08:11 · 333 阅读 · 0 评论 -
element时间限制-axios封装-日期格式化等
记录原创 2022-01-21 09:40:24 · 367 阅读 · 0 评论 -
VUE全局挂在组件
首先同vue组件目录下创建js文件 ,导入自己的组件// 导入组件,组件必须声明 nameimport upimg from './upimg.vue'// 为组件提供 install 安装方法,供按需引入upimg.install = (Vue) => { Vue.component(upimg.name, upimg)}// 默认导出组件export default upimg然后在当前组件父级目录创建js文件,用于统计当前目录下的所有组件文件// 导入颜色选择器原创 2021-09-07 17:23:20 · 773 阅读 · 0 评论 -
vue + sortable 拖拽移动表格
vue + sortable 拖拽移动表格<el-table sticky ref="list" :max-height="listScope.height" row-key="id" :data="page_info.data.data"> <el-table-column :key="'col_'+index" :prop="dropCol[index].field" :label="item.title" v-for="(it原创 2021-03-01 10:10:57 · 264 阅读 · 0 评论 -
2020-12-02
三、规划目录结构1、创建项目在指定目录中使用命令创建一个默认的项目,或者根据自己需要自己选择。$ vue create .2、调整目录我们需要一个目录存放组件,一个目录存放示例,按照以下方式对目录进行改造。.…|-- examples // 原 src 目录,改成 examples 用作示例展示|-- packages // 新增 packages 用于编写存放组件四、配置项目以支持新的目录结构我们通过上一步的目录改造后,会遇到两个问题。src目录更名为examples,导致项目无转载 2020-12-02 15:16:03 · 296 阅读 · 0 评论 -
element 一次性上传多行多张图片
<el-dialog class="dialog_1" title="上传图片" :visible.sync="dialogFormVisible" :close-on-click-modal='false' :close-on-press-escape='false' center @closed='closed_cli'> <e...原创 2020-04-17 17:26:00 · 1161 阅读 · 0 评论 -
element上传函数带参数,自定义传参
下面这是标签可以看出来 :http-request="(params) =>beforeMasterPictureUpload(params,‘ruleForm’,fileList0)"http-request 传递参数的方法 是可以这样写的,其他方法一样,但是如果写错少些可能会导致覆盖原来的方法。<el-upload :class="{hidesse:hideUpload0,...原创 2020-04-15 15:48:24 · 4656 阅读 · 0 评论 -
some()函数使用实例
beforeAvatarUpload(file) { console.log(file) console.log(file.type) console.log(file.type === 'image/gif') const idJPG = ['image/jpeg', 'image/gif', 'image/png', 'image/bmp'...原创 2019-12-02 09:58:52 · 757 阅读 · 0 评论 -
前端通过数据数组导表,element-ui
一、需要安装三个依赖: npm install -S file-saver xlsx npm install -D script-loader二、项目中新建文件夹(文件名excel)里面放置两个文件Blob.js和 Export2Excel.js。下载链接:https://pan.baidu.com/s/1fjSFq-XMLKFG2qVhhjSzGA...原创 2019-10-14 09:42:36 · 228 阅读 · 0 评论 -
前端element-ui,DOM导表
1、 安装相关依赖主要是两个依赖npm install --save xlsx file-saver如果想详细看着两个插件使用,请移步github。https://github.com/SheetJS/js-xlsxhttps://github.com/eligrey/FileSaver.js2、组件里头引入import FileSaver from 'file-saver'imp...原创 2019-10-14 09:29:07 · 112 阅读 · 0 评论 -
获取element-ui table表格的文档流,计算里面的滚动条高度
//表格记得加 ref 为什么用ref 是因为这个框架做过封装,当前element版本 2.8<el-table id="lyx_tabe" class="xk-table" :data="tableData" row-key="id" :expand-row-keys="expandKey...原创 2019-09-07 11:58:36 · 2825 阅读 · 3 评论 -
前端计算+-*/精度问题
/** * 加法运算,避免数据相加小数点后产生多位数和计算精度损失。 * * @param num1加数1 | num2加数2 */ numAdd(num1, num2) { var r1,r2,m; try{ r1 = num1.toString().split('.')[1].length; ...原创 2019-09-05 10:36:49 · 3452 阅读 · 0 评论 -
前端的模糊搜索
seaurpCredit () { this.creditData = this.creditData.map(e => { let list = {...e} if (list.username.indexOf(this.inputTypeValue)>=0) { list.isDisplay = true ...原创 2019-09-05 10:02:03 · 758 阅读 · 0 评论 -
ElementUI的expand table 点击展开,属性变化未引起表格响应
来自于转载 2019-08-22 17:21:03 · 1698 阅读 · 0 评论 -
axios请求封装拦截
/** * axios封装 * */import axios from 'axios';import utils from '@/utils';import router from '../router';import store from '../store/index';import { Message } from "element-ui";/** * 跳转登录页 ...原创 2019-06-12 11:16:17 · 281 阅读 · 0 评论 -
前端微信支付方法
首先上标签代码 //最主要的是这一行 img<el-form :model="Recharge" :label-position="labelPosition" ref="Recharge" v-show="soupass" :class="{'nameoopage':soupass}" >...原创 2019-05-18 10:08:38 · 2898 阅读 · 0 评论 -
querySelector,getElementById,getElementsByTagName区别
获取元素DOM对象有很多种方法,以前一直在用getElementById和getElementsByTagName等,现在对这些方法和querySelector做一个总结.常见的获取元素的方法有3种,分别是通过元素ID、通过标签名字和通过类名字来获取。DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象,它是document对象特有的函数,只能通...原创 2019-01-22 16:29:19 · 305 阅读 · 0 评论 -
VUE,调取支付宝支付接口,后台返回form表单
let pamases = {username:this.aggregatedata.sellerName,userId:this.aggregatedata.sellerId,rechargeAmount:this.Recharge.RechargeAmount,userType:‘卖家’,productCode:‘CZ’,}this.$api.Implementation.goc...原创 2019-01-22 16:31:10 · 13090 阅读 · 18 评论 -
element 上传图片限制图片尺寸大小以及格式,贴源码,写的很清楚,已优化
// 主图上传之前 beforeMasterPictureUpload(file) { let param = new FormData(); //创建form对象 this.fileList.forEach(file =&amp;amp;amp;amp;gt; { param.append('files', file.raw, file.raw.name); //此处一...原创 2019-01-26 17:55:05 · 2557 阅读 · 1 评论 -
vue使用axios使用二进制流下载文件
exportData () {const form = this.getSearchForm() // 要发送到后台的数据axios({ // 用axios发送post请求method: ‘post’,url: ‘/user/12345’, // 请求地址data: form, // 参数responseType: ‘blob’ // 表明返回服务器返回的数据类型}).then((...原创 2019-03-20 14:36:21 · 1021 阅读 · 0 评论 -
点击'下载商业发票'触发
// downTemplate:点击’下载商业发票’触发downTemplate() {if (this.productInfoList.length) {let params = {“shipper.company”: this.shipper.companyNameUser,“shipper.add”: this.shipper.site,“shipper.tel”: this.s...原创 2019-03-22 15:03:24 · 222 阅读 · 0 评论 -
匹配输入的金额,找了很久才找到的,已经忘记原链接在哪了
var regPos = /^\d+(.\d+)?KaTeX parse error: Can't use function '\.' in math mode at position 49: … = /^(-(([0-9]+\̲.̲[0-9]*[1-9][0-9…/; //负浮点数var reg = /([1-9]([0-9]+)?(.[0-9]{1,2})?$)|(^(0){1}$)|([...转载 2019-03-23 11:25:56 · 102 阅读 · 0 评论 -
element-UI 分页使用
onTabPag( scope.$index ,queryParams.page_num,queryParams.page_size)原创 2019-03-23 12:03:31 · 4808 阅读 · 0 评论 -
element 鼠标移入显示隐藏字段,并可以复制
<el-table-column :title="$t('nowan1.No3.Actuallogistics')" prop="tradeNo" :label="$t('nowan1.No3.Actuallogistics')" min-width="180"> <!-- <el-table-column prop="Time" label="交易流水号"...原创 2019-03-27 09:48:29 · 3593 阅读 · 0 评论 -
element 表格隐藏字段后鼠标移入显示可复制
<el-table-column :title="$t('nowan1.No3.Actuallogistics')" prop="tradeNo" :label="$t('nowan1.No3.Actuallogistics')" min-width="180"> <!-- <el-table-column prop="Time" label="交易流水号"...原创 2019-03-28 18:59:56 · 1838 阅读 · 0 评论 -
格式化表格方法element
<el-table-column :formatter="formatSex" :label="$t('Sellerbanner.promotion.ApprovalStatus')" prop="state"></el-table-column>//表格数据格式化方法 // formatSex(row, column) { // return ro...原创 2019-03-29 10:17:01 · 250 阅读 · 0 评论 -
element 时间选择表限制未来时间
// disabledDate(time) { // return time.getTime() > new Date( new Date(new Date().toLocaleDateString()).getTime() +24 * 60 * 60 * 1000 -1); // }element 时间选择表限制...原创 2019-04-17 16:54:12 · 1430 阅读 · 0 评论 -
重置element表单校验
<el-dialog :closeOnClickModal="clickfalse" :close-on-press-escape="clickfalse" class="ht-dialog ht-dialog1 rollout" title="提现申请" :visible.sync="RolloutFo" width=...原创 2019-04-26 16:03:27 · 874 阅读 · 0 评论 -
element(表格当点击表格前面复选框的时候获取当前某一行数据)
element(表格当点击表格前面复选框的时候获取当前某一行数据)原创 2019-01-16 12:43:38 · 4561 阅读 · 0 评论