- 博客(41)
- 资源 (11)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue3使用element-plus 树组件（el-tree）数据回显
【代码】vue3使用element-plus 树组件（el-tree）数据回显。
2023-10-12 14:49:18
3346
1
原创 vue3环境搭建及使用
（注：如果项目使用腾讯云即时通讯IM需要装node版本 node： 12.13.0 ≤ node 版本 ≤ 17.0.0, 推荐使用 Node.js 官方 LTS 版本 16.17.0 ，sass-loader 版本 ≤ 10.1.1）在main.ts引入封装的接口文件，然后使用provide挂载到vue实例，然后在需要的页面通过。npm init vue@latest (按需求选择)1、安装最新稳定版node.js。1、父组件调用子组件方法。2、定义接口axios,2、npm安装淘宝镜像。
2023-07-20 16:36:09
214
原创 验证身份证号
// 正则表达式验证身份证号码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
142
原创 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
4624
1
转载 如何将element-ui中的表格和分页器连接起来
https://blog.youkuaiyun.com/xm1037782843/article/details/94397171
2020-06-22 17:59:03
404
转载 Element表格数据居中
:header-cell-style="thStyleFun" :cell-style="cellStyleFun"thStyleFun() { return 'text-align:center' }, cellStyleFun() { return 'text-align:center' }
2020-06-22 17:33:07
2771
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
148
转载 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
2911
原创 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
859
原创 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
265
原创 根据系统时间获得这个月的月初和月末
//当前日期var d=new Date();alert(d.toLocaleDateString())//月初var f = d.setDate(1);f = new Date(f);alert(f.toLocaleDateString());//月末var e=d.setDate(1);e=new Date(e);e=e.setMonth(d.getMonth()+1)...
2020-03-23 10:37:52
527
1
原创 js正则表达式提取汉字和去掉汉字
//只提取汉字var str = "2020/3/1 上午10:23:47";varreg=/[\u4e00-\u9fa5]/g; returnstr.match(reg).join("");//去掉汉字var str = "2020/3/1 上午10:23:47";varreg=/[\u4e00-\u9fa5]/g; retu...
2020-03-23 10:36:43
1531
原创 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
569
原创 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
2714
1
原创 js获取当前时间的前一天/后一天
var dataV= new Date();var pastDate = new Date(dataV.getTime() - 24*60*60*1000); //前一天var nextDate = new Date(dataV.getTime() + 24*60*60*1000); //后一天
2020-03-16 10:03:55
360
转载 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
转载 vue中使用echart （以饼图和柱状图为例）
在做的项目的时候需要全局引入，但是如果自己写一个demo页面可以选择按需引入，这里主要是来谈全局引入1、首先：在编辑器(我使用的是vscode)的终端输入命令行npm install echarts --save,安装Echarts2、其次：在入口文件main.js里面引入，importechartsfrom'echarts' Vue.prototype.$echarts=...
2020-03-06 16:15:47
1667
2
原创 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
301
原创 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
1321
原创 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
2499
原创 字父组件通讯 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
387
转载 vue-preview缩略图
https://blog.youkuaiyun.com/weixin_42628334/article/details/93140010
2019-12-09 17:02:07
169
原创 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
99
原创 git使用步骤
1、安装git2、初始化git仓库： 在项目目录右键打开git bash命令窗口 运行：git init3、设置git当前的使用用户是谁 每一次备份都会存储备份者的信息 配置用户名：git config --global user.name "qiao" 配置邮箱：git config --global user.email "931083176...
2019-12-05 09:57:14
142
原创 Unexpected tab character (no-tabs) vue项目报这个错的解决办法
打开package.json文件，找到eslintConfig，在rules里面添加一句 "no-tabs":"off",如上图所示
2019-11-21 11:05:21
4995
转载 vue-cli3.0+mint-ui的使用
https://blog.youkuaiyun.com/weixin_44086376/article/details/90452823
2019-11-20 16:05:32
617
原创 小div在大div里上下左右居中
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .a1{ wi...
2019-10-09 10:50:58
744
原创 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
288
原创 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
437
原创 axios的两种拦截器，以及拦截器和接口请求中的错误处理
//请求拦截器、响应拦截器以及接口请求中的错误处理//请求拦截器axios.interceptors.request.use(config=>{ return config //请求拦截器成功时返回值},err=>{ return Promise.reject(err) //请求错误时通过该方法返回配置信息})//响应拦截器axios.interceptors...
2019-08-27 11:36:49
7480
原创 axios之创建接口请求实例
创建axios实例（注：当需要请求多个不同的接口地址时使用该方法，一个接口时使用方法二）方法一：let instance = axios.create({ baseURL:'http://192.168.254.103',//接口请求地址 timeout:1000 //设置接口请求延时})instance.get('/data.json'...
2019-08-26 15:38:28
1224
原创 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
1398
原创 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
9252
浏览器播放rtsp视频.rar
2020-05-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人