![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
永远的个初学者
这个作者很懒,什么都没留下…
展开
-
个人收藏常用前端函数
1.邮箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码 export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码 export const isPhone = (s) => {原创 2023-03-15 15:42:23 · 233 阅读 · 0 评论 -
vue+DataV 易懂使用方式
DataV 易懂的使用方式原创 2022-11-18 14:01:32 · 413 阅读 · 0 评论 -
前端 常用正则校验
element 各种正则校验原创 2022-06-29 17:38:07 · 776 阅读 · 0 评论 -
element computed校验方式
element computed 表单校验原创 2022-06-29 17:08:11 · 333 阅读 · 0 评论 -
前端IM使用以及视频通讯记录分项
首先这次接触到IM,是因为项目里需要用到一个群聊视频,通讯录,消息发送等功能,但是Im提供的dom是 react框架写的,并没有vue框架的dom,于是自己根据IM的官方文档实现了在vue框架下的IM通讯。这是最终效果图,因个人项目而异,弹窗或者不弹窗灵活改动,还有很多功能没写,待此功能重构后再继续更新,因信息数据保密所以打码IM官方文档:https://doc.rentsoft.cn/#/integrate/web/integrate_login_web–》web就看每一个功能下面web端文档说明原创 2022-05-25 14:37:42 · 2141 阅读 · 4 评论 -
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 评论 -
vue-render 的基本用法
<!-- * @Descripttion: * @version: * @Author: liyunxia * @Date: 2020-08-25 17:55:39 * @LastEditors: liyunxia * @LastEditTime: 2020-12-02 13:45:18--><!DOCTYPE html><html><head> <meta charset="UTF-8"> <!--原创 2020-12-02 13:47:18 · 267 阅读 · 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 评论 -
JS面向对象编程基础用法
1、Javascript 面向对象编程(一):封装http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html2、Javascript面向对象编程(二):构造函数的继承http://www.ruanyifeng.com/blog/2010/05/object-oriented_java...原创 2019-12-12 14:12:38 · 116 阅读 · 0 评论 -
import * as xxx from 'xxx'和不带*as(即import xxx from 'xxx')的区别
原分享链接地址原创 2019-12-09 15:38:08 · 2160 阅读 · 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 评论 -
中英文版切换
首先安装npm install --save vue-i18n 国际化语言中文版js文件英文版js调用方法HTML里面的调用方法js里面的调用方法输出后原创 2019-02-18 15:35:52 · 263 阅读 · 0 评论 -
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 评论 -
前端微信支付方法
首先上标签代码 //最主要的是这一行 img<el-form :model="Recharge" :label-position="labelPosition" ref="Recharge" v-show="soupass" :class="{'nameoopage':soupass}" >...原创 2019-05-18 10:08:38 · 2898 阅读 · 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 评论 -
下载文件,下载表格等的时候过登录验证
看懂就行/** * * @param {*} type 请求的类型 * @param {*} url 请求的接口地址 * @param {*} params 请求的参数 * @param {*} fileName 下载的文件名 */exportreport() { let srcipng = null; if...原创 2019-06-12 11:15:23 · 280 阅读 · 0 评论 -
ElementUI的expand table 点击展开,属性变化未引起表格响应
来自于转载 2019-08-22 17:21:03 · 1698 阅读 · 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 评论 -
VUE表格导出,个人记录
//导处报表exportReport(){if (this.aaa === ‘0’) {this.url = base.baseUrl + “/finance/order/export”+ ‘?’ + ‘pageNum=’ + this.pageNum + ‘&amp;pageSize=’ + this.pageSize; if (this.startTime) { ...原创 2019-01-22 17:20:36 · 376 阅读 · 0 评论