- 博客(44)
- 收藏
- 关注
RSS订阅
原创 前端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
2028
4
原创 个人收藏常用前端函数
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
220
原创 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
760
原创 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
260
转载 2020-12-02
三、规划目录结构1、创建项目在指定目录中使用命令创建一个默认的项目，或者根据自己需要自己选择。$ vue create .2、调整目录我们需要一个目录存放组件，一个目录存放示例，按照以下方式对目录进行改造。.…|-- examples // 原 src 目录，改成 examples 用作示例展示|-- packages // 新增 packages 用于编写存放组件四、配置项目以支持新的目录结构我们通过上一步的目录改造后，会遇到两个问题。src目录更名为examples，导致项目无
2020-12-02 15:16:03
275
原创 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
244
原创 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
1151
原创 element上传函数带参数，自定义传参
下面这是标签可以看出来 :http-request="(params) =>beforeMasterPictureUpload(params,‘ruleForm’,fileList0)"http-request 传递参数的方法 是可以这样写的，其他方法一样，但是如果写错少些可能会导致覆盖原来的方法。<el-upload :class="{hidesse:hideUpload0,...
2020-04-15 15:48:24
4581
原创 ES6、ES7、ES8、ES9、ES10新特性一览
ES全称ECMAScript，ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMA-417。关于ECMA的最新资讯可以浏览ECMA news查看。ECMA规范最终由TC39敲定。TC39由包括浏览器厂商在内的各方组成，他们开会推动JavaScript提案沿着一条严格的发展道路前进。从提案到入选ECMA规范主要有以下几个阶段：S...
2019-12-20 14:05:05
214
原创 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
113
原创 forEach()函数
let data = ['1','2','3','4','5','6','7','8','9','10'];data.forEach(obj => { console.log(obj)//结果 1 2 3 4 依次输出})输出结果此函数和 类似于 for 例如 for(var i = 0; i < data.length; i++){console.log(da...
2019-12-02 10:18:17
2813
原创 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
737
原创 前端通过数据数组导表，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
220
原创 前端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
111
原创 获取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
2789
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
3413
原创 前端的模糊搜索
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
756
原创 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
262
原创 下载文件，下载表格等的时候过登录验证
看懂就行/** * * @param {*} type 请求的类型 * @param {*} url 请求的接口地址 * @param {*} params 请求的参数 * @param {*} fileName 下载的文件名 */exportreport() { let srcipng = null; if...
2019-06-12 11:15:23
278
原创 前端微信支付方法
首先上标签代码 //最主要的是这一行 img<el-form :model="Recharge" :label-position="labelPosition" ref="Recharge" v-show="soupass" :class="{'nameoopage':soupass}" >...
2019-05-18 10:08:38
2890
原创 重置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
867
原创 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
1419
原创 格式化表格方法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
241
原创 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
1822
原创 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
3570
原创 element-UI 分页使用
onTabPag( scope.$index ,queryParams.page_num,queryParams.page_size)
2019-03-23 12:03:31
4800
转载 匹配输入的金额，找了很久才找到的，已经忘记原链接在哪了
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
100
原创 点击'下载商业发票'触发
// 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
212
原创 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
1017
原创 中英文版切换
首先安装npm install --save vue-i18n 国际化语言中文版js文件英文版js调用方法HTML里面的调用方法js里面的调用方法输出后
2019-02-18 15:35:52
257
原创 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
2538
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人