weixin_46381442的博客

el-table拖拽改变某行高度

vue解决1000张图片进行分页加载

vue使用el-table实现自定义表头及内容数据老规矩话不多说，直接上代码<el-table :data="rightSet" border> <el-table-column align="center" v-for="(item, index) in rightHeader" :key="index" :prop="item.prop"> <template slot="header"> <span>{{

vue下载文件常用的几种方式一、直接打开直接打开是指我们直接使用window.open(URL)的方法优点：简单操作缺点：没办法携带token二、我们可以自己封装一个方法，比如如下：import axios from "axios"import * as auth from '@/utils/auth.js'let ajax = axios.create({ baseURL: process.env.VUE_APP_BASE_API, timeout: 100000}

实战vue连接并获取mysql数据首先先搭建一个vue脚手架，搭建完成之后进行一下操作！第一步：在根目录下（src）创建一个server文件，如下图就是文件结构了第二步：文件创建完成之后，那么我们现在进行完成数据库的连接配置// 数据库连接配置 db.jsmodule.exports = { mysql: { host: '192.168.×××.××',//mysql连接ip地址 user: '***', password:

封装Form表单正则校验为什么要封装：一、因为我们在做项目的时候肯定不会只有一个页面用到这些Form表单的验证！二、可以很方便的在多个页面中进行使用！三、对以后系统升级维护更加方便快捷！步骤一：首先我们先创建一个js文件，我们暂时取名为regMatch.js然后我们在这个js文件开始封装我们需要的Form表单的正则表达式以下我们列举了一些常用到的正则表达式/** * 手机号码正则匹配 * @param {*} rule * @param {*} value * @para

el-upload上传文件大小限制当我们在使用element做上传文件的时候，会有要求做上传文件的大小限制这个需求，今天我们就来讲一下限制大小这个功能：首先先讲一下流程，当文件超过20MB的时候让他提示文件大小不能超过20MB，请重新上传。下面我们来看代码：<el-upload class="upload-demo" ref="upload" name="upload" :action="action()" :on-change="(file, fileList) => {

首先我先举个例子：在开发的过程中有一个发送短信的接口需要联调，而我们在联调接口的时候需要传手机号，而好多的页面都有发送短信的功能。如果我们每次联调接口的时候都把手机号写死传给后端，这样就很麻烦了，那么我们可以利用main.js全局定义的方法进行操作了，那么我们就大大提高了效率!首先我们上代码main.jsconst sendPhoneNumber = {applyPhone:"123456789",approvalPhone:"987654321"};Vue.prototype.sendPhone

首先我们先对main.js进行全局配置需求：在项目开发的过程中，我们通常会有敏感信息，而我们需要对这些敏感信息进行保密，比如：身份证我们只显示头和尾，中间部分显示*的需求main.js：Vue.filter("desensitize",function(value,type){ if(!value) return ''; value = value.toString(); if(type == "身份证"){ return value.replace(/(\w{6})\w*(

话不多说直接上代码！html：<el-form-item label="申请人类型" prop="applicantType"> <el-select v-model="formData.applicantType" placeholder="请选择申请人类型" style="width:100% !important;" @change="applicantTypes"> <el-option v-for="item in ap

最近公司新接了一个项目，要求没有后端前端画页面写假数据并且相应的功能展示。分给我的大多数都是增删改查一些类似的页面。接下来我们就开始上代码！HTML：<div class="header pad" style="padding: 20px 0"> <el-form ref="formInline" :inline="true" :model="formInline" label-width="100px"

一分钟搭建vue脚手架介绍我们知道前端用到最多的主流的框架有Vue、React、Angular；Vue：是相对比较轻量级的框架，是通过进行双向数据绑定来达到驱动页面的效果，很多前端也都是从Vue框架入手的。Vue相比React、Angular还是比较简单，官方文档介绍的很清楚，可以非常快速的通过异步批处理的方式对DOM进行更新，场景使用也更加灵活。搭建脚手架我们前提一定要安装node.js首先我们先查看node.js是否安装node -v如果没有安装node.js或者版本过低当你启动项目的时候

TypeError:path_to_regexp_WEBPACK_IMPORTED_MODULE_8_react___default.a.compile is not a function相信很多小伙伴都会遇到这个bug,遇到bug的时候总是会有那么一点小急躁。我们大多数程序员在敲代码的时候总是会用Vscode的习惯，当我们用Vscode终端npm start或者yarn start打开一个...