
vue
乔7426
这个作者很懒,什么都没留下…
展开
-
验证身份证号
// 正则表达式验证身份证号码export const req = /^(^\d{18}$|^\d{17}(\d|X|x))$/;// 严格身份证号校验function idCardPass(value) { const req = /^(^\d{18}$|^\d{17}(\d|X|x))$/; let c = 0; const p = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; for (let i = 0; i &.原创 2021-01-29 16:30:30 · 144 阅读 · 0 评论 -
vue input 只允许输入整数、整数和小数(保留小数点后两位)
###input只允许输入整数和小数(小数只保留小数点后两位)<el-inputsize="small"onkeyup="this.value=this.value.match(/\d+\.?\d{0,2}/)"onafterpaste="this.value=this.value.match(/\d+\.?\d{0,2}/)"v-model="scope.row.agentPrice"maxlength="9"></el-input>###i...原创 2020-08-06 16:30:00 · 4629 阅读 · 1 评论 -
如何将element-ui中的表格和分页器连接起来
https://blog.youkuaiyun.com/xm1037782843/article/details/94397171转载 2020-06-22 17:59:03 · 407 阅读 · 0 评论 -
Element表格数据居中
:header-cell-style="thStyleFun" :cell-style="cellStyleFun"thStyleFun() { return 'text-align:center' }, cellStyleFun() { return 'text-align:center' }转载 2020-06-22 17:33:07 · 2774 阅读 · 3 评论 -
vue-devtools安装
1、去gitHub上clone项目,地址 https://github.com/vuejs/vue-devtools2、下载好后进入vue-devtools-master工程 执行npm install —–>npm run build.3、修改manifest.json 中的persistent为true。(也可以直接下载我修改打包好的程序,地址如下:)http...原创 2020-04-28 14:08:58 · 153 阅读 · 0 评论 -
vue项目发布后第一次打开正常刷新页面报404解决方法
https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90转载 2020-04-14 09:28:53 · 2920 阅读 · 0 评论 -
vue保存登录状态,监视是否登录,没有登录返回到登录界面
第1步:login.vue 登录界面//登录方法submit(){ //登陆成功后调用第2步store里面的login方法,并将username传递过去,并跳转到home主页面 store.commit('login', this.formName.userName) this.$router.push('/home');}第2步:store => i...原创 2020-04-10 16:25:30 · 867 阅读 · 0 评论 -
input 单选下拉树,引用ztree单选下拉树,根据个人需求做了修改,可获取value值,也可获取隐藏的id值
HTML<div class="ztreeSty"> <div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul class="list"> <li class="title"&g...原创 2020-04-07 16:38:44 · 268 阅读 · 0 评论 -
vue和.net后台接口通讯des加密解密方法
1、npm下载npm install crypto-js2、创建一个des.js文件,内容如下:import CryptoJS from 'crypto-js'export const encryptCBC = (text, textKey) => { // 密钥转成16进制的字符串 var key = CryptoJS.enc.Utf8.parse(textKe...原创 2020-03-20 14:14:55 · 571 阅读 · 0 评论 -
vue根据获取的数据动态循环渲染多个echart(多个dom节点,多个ID)
//在dom节点加载之后调用渲染echart仪表盘方法,this.$nextTick(function(){ }<divclass="chart"><divclass="geo"v-for="(dataval,index)indataVal":key="index":id="forId(index)"></div>...原创 2020-03-20 14:06:15 · 2721 阅读 · 1 评论 -
Vue Cli3.0 使用jquery
注意这里配置的是vue-cli3.0引入jquery的方法,不是vue-cli2.0的配置方法一、安装jquery npm install jquery --save二、一般安装成功后在package.json文件内的dependencies项中会有"jquery": "^1.12.4",如果没有可以手动添加。需要注意的是,现在我们都是直接使用模板创建项目的,所以第一步是可...转载 2020-03-09 10:39:11 · 186 阅读 · 0 评论 -
vue中使用echart (以饼图和柱状图为例)
在做的项目的时候需要全局引入,但是如果自己写一个demo页面可以选择按需引入,这里主要是来谈全局引入1、首先:在编辑器(我使用的是vscode)的终端输入命令行npm install echarts --save,安装Echarts2、其次:在入口文件main.js里面引入,importechartsfrom'echarts' Vue.prototype.$echarts=...转载 2020-03-06 16:15:47 · 1670 阅读 · 2 评论 -
在Vue中使用icon 字体图标的方法
在Vue中使用icon 字体图标的方法转载 2020-03-06 15:30:25 · 240 阅读 · 0 评论 -
axios跨域请求
第1步:项目根目录下创建vue.config.js文件,内容如下constpath=require('path');constresolve=dir=>{returnpath.join(__dirname,dir)};constserverProxy={'/api':{target:'http://139.155.11...原创 2020-03-04 14:35:52 · 308 阅读 · 0 评论 -
vue3.0打包时错误处理
报如下错误,将引入的外部css文件里的svg所在的属性删除或者注释掉,也有其他好方法,本人目前只知道这种:原创 2019-12-30 09:23:47 · 730 阅读 · 0 评论 -
vue3.0项目 npm run build 编译
在项目根目录下新建文件vue.config.js文件,将下面的复制进去module.exports={publicPath:process.env.NODE_ENV==='production'?'./':'/',outputDir:'dist',lintOnSave:true,runtimeCompiler:true,//...原创 2019-12-30 09:20:03 · 1327 阅读 · 0 评论 -
eslint语法简写三元运算符
// 标准var isYes = answer === 1 ? true : false;// 优化var isYes = answer === 1;// 标准var isNo = answer === 1 ? false : true;// 优化var isNo = answer !== 1;原创 2019-12-27 16:00:20 · 2504 阅读 · 0 评论 -
字父组件通讯 emit 的用法,父组件通过 commit 调用store里面方法,以及通过 $refs 获取dom值
子组件<template><div><inputid="box"class="mui-input-numbox"type="number"value="1"@change="numboxList"ref="numbox"/></div></div></templat...原创 2019-12-23 10:53:30 · 393 阅读 · 0 评论 -
vue-preview缩略图
https://blog.youkuaiyun.com/weixin_42628334/article/details/93140010转载 2019-12-09 17:02:07 · 171 阅读 · 0 评论 -
vue 缩略图插件
https://github.com/LS1231/vue-preview转载 2019-12-09 15:58:16 · 582 阅读 · 0 评论 -
vue环境搭建
d: 进入到d盘md qiao 创建名称为qiao的文件夹cd qiao 打开qiao这个文件夹dir 查看文件夹内容cd.. 返回上一级目录type qiao 打开文件cls 清屏首先下载node包安装node js下载地址www.nodejs.cnnpm安装vue-cli命令npm install -gd exp...原创 2019-12-05 10:04:59 · 100 阅读 · 0 评论 -
mui组件
https://dev.dcloud.net.cn/mui/ui/#icon转载 2019-11-21 15:21:33 · 435 阅读 · 0 评论 -
Unexpected tab character (no-tabs) vue项目报这个错的解决办法
打开package.json文件,找到eslintConfig,在rules里面添加一句 "no-tabs":"off",如上图所示原创 2019-11-21 11:05:21 · 5011 阅读 · 0 评论 -
vue-cli3.0+mint-ui的使用
https://blog.youkuaiyun.com/weixin_44086376/article/details/90452823转载 2019-11-20 16:05:32 · 620 阅读 · 0 评论 -
axios的几种请求接口方式
axios的请求方法:get、post、put、patch、deleteget:获取数据post:提交数据(表单提交+文件上传)put:更新数据(所有数据推送到后端)patch:更新数据(只将更改的数据推送到后端)delete:删除数据//axios的get请求第一种写法不带参数axios.get('/data.json').then((res)=>{ c...原创 2019-08-26 15:01:01 · 9257 阅读 · 0 评论 -
axios之并发请求
//并发请求:同时进行多个请求,同时处理返回值axios.all( [ axios.get('/data.json'), axios.get('/city.json') ]).then( axios.spread((dataRes,cityRes) =>{ console.log(dataRes,cityRes)}))流程说明:现进行all里面的两...原创 2019-08-26 15:27:06 · 1401 阅读 · 0 评论 -
axios之创建接口请求实例
创建axios实例(注:当需要请求多个不同的接口地址时使用该方法,一个接口时使用方法二)方法一:let instance = axios.create({ baseURL:'http://192.168.254.103',//接口请求地址 timeout:1000 //设置接口请求延时})instance.get('/data.json'...原创 2019-08-26 15:38:28 · 1243 阅读 · 0 评论 -
axios的两种拦截器,以及拦截器和接口请求中的错误处理
//请求拦截器、响应拦截器以及接口请求中的错误处理//请求拦截器axios.interceptors.request.use(config=>{ return config //请求拦截器成功时返回值},err=>{ return Promise.reject(err) //请求错误时通过该方法返回配置信息})//响应拦截器axios.interceptors...原创 2019-08-27 11:36:49 · 7485 阅读 · 0 评论 -
axios取消http请求
//取消http请求let source = axios.CancelToken.source() //声明一个source对象axios.get('/data.json',{ cancelToken:source.token //在接口请求时将这个声明的对象放到方法中,以便下一步取消 请求时使用}).then(res=>{ console.log(res) /...原创 2019-08-28 10:31:15 · 446 阅读 · 0 评论 -
Windows系统安装nvm
nvm version:查看nvm安装是否成功nvm ls available : 查看node版本列表如图nvm install 12.9.1 : 安装对应node版本nvm ls :( ls 是 list 的简写)查看当前本电脑安装了那些node版本nvm use 6.10.0 :使用6.10.0这个node版本npm -v :查看npm版本node -...原创 2019-08-28 16:32:52 · 291 阅读 · 0 评论