- 博客(24)
- 收藏
- 关注
RSS订阅转载 Vue Nginx反向代理配置 解决生产环境跨域
Vue本地代理举例：module.exports = { publicPath: './', devServer: { proxy: { '/api': { target: 'https://movie.douban.com', ws: true, changeOrigin: true, pathRewrite: { '^/api': '' } },
2021-12-21 16:58:12
969
转载 封装时间戳过滤器
1 .在main.js里// // 时间戳过滤器Vue.filter('dateFormat', (dataStr) => { var time = new Date(dataStr) function timeAdd0(str) { if (str < 10) { str = '0' + str } return str } var y = time.getFullYear() var m = time.getMonth() + 1 var d = t.
2021-11-30 13:23:59
143
原创 element-ui 禁止dialog和messageBox点击空白处关闭
element-ui 禁止dialog和messageBox点击空白处关闭单个禁止dialog点击空白关闭 <el-dialog :close-on-click-modal="false"> </el-dialog>需要注意，close-on-click-modal前必须加:单个禁止messageBox点击空白关闭this.$confirm('文本内容？', '标题', { closeOnClickModal: false}).t...
2021-11-26 15:02:15
1653
原创 导出excel文件
先在封装的接口添加responseType: "blob"，写在导出事件，根据返回值res,下载步骤代码 let blob = new Blob([res], { type: "application/vnd.ms-excel;charset=utf-8", }); // res就是接口返回的文件流了 let objectUrl = URL.createObjectURL(blob); // ...
2021-11-25 10:33:59
213
原创 vue日期控件
<el-form-item label="有效期限" > <el-col :span="6"> <el-form-item> <el-date-picker type="date" placeholder="选择日期" value-format="yyyy-MM-dd 00:00:00" ...
2021-11-18 17:47:10
3974
原创 vue input验证输入格式非数字删除
使用vue自定义指令1.封装自定义指令Vue.directive('numberOnly', { bind: function (el) { el.handler = function () { undefined el.childNodes[1].value = el.childNodes[1].value.replace(/\D+/g, ''); //因为是elementui组件里使用的el.value获取不到我们输入的内容。然后我发现他的第一个孩子才是我们输入的手机号码的内
2021-11-09 09:42:18
950
原创 百度地图简单使用
1、安装：$ npm install vue-baidu-map --save2、全局注册，在main.js中引入以下代码import BaiduMap from'vue-baidu-map'Vue.use(BaiduMap, {ak:'你申请的key'})3、界面<template> <baidu-map :center="center" :zoom="zoom" @ready="handler" style="height:10...
2021-11-01 15:17:06
98
原创 二维码 验证码转换成图片路径
第一步：封装的接口加上blobresponseType: "blob"第二步：获取的返回值加上转换window.URL.createObjectURL()就可以看到的生成的路径
2021-10-27 13:55:45
338
原创 vue html页面打印功能vue-print-nb
使用方式安装 npm install vue-print-nb --save在main.js文件中注册import Print from 'vue-print-nb'Vue.use(Print);页面中使用,给需要打印的容器加一个id,打印按钮传入这个idhtml:<div id="printMe" style="background:red;"> <p>葫芦娃，葫芦娃</p> <p>一.
2021-10-27 10:58:54
183
原创 vue项目打包后 修改配置
前言在使用vue.js开发前端项目时，再结合webpack搞起各种依赖、各种插件进行开发，无疑给前端开发带来了很多便捷，就在解决跨域这个问题上，相信众多用vue.js的前端同僚们同我一样尝到了甜头，开发环境全靠proxyTable一通配置简直不要太酸爽。还不明所以然的新手们可能还没搞清我说的是什么，就是下面这几行配置:proxyTable: { '/api': { target: 'http://113.113.113.113:5000', //假的接口地址哈
2021-10-26 18:02:47
2440
原创 vue身份证号验证
data () { let idCardValidity = (rule, code, callback) => { var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江 ", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖..
2021-10-21 15:26:06
568
原创 vue封装 element-ui form表单验证 正则匹配手机号 自定义校验表格内容
在methods:中写： //检查手机号 isCellPhone(val) { if (!/^1(3|4|5|6|7|8)\d{9}$/.test(val)) { return false; } else { return true; } },需要验证手机写的是 element框架中prop="phone"验证规则 <el-form-item label="手机号" prop="phone"&g
2021-10-18 15:25:15
302
原创 el-dialog怎么去掉遮挡层点击关闭效果
在mian.js里面：import ElementUI from 'element-ui';// 修改 el-dialog 默认点击遮照为不关闭ElementUI.Dialog.props.closeOnClickModal.default = false
2021-10-15 13:47:04
447
原创 vue操作select获取option值
<div id="app"> <select class="fl" v-model="ProductActive" @change="changeProduct($event)" > <option v-for="(item,index) in productList" :key="index" :value='item.id'>{{item.title}}</option> </select.
2021-09-29 15:37:42
538
原创 gitBlit 更新上传到服务器
Git 修改更新的代码上传到服务器的操作步骤：一、从git仓库打开 git bash 命令输入框（Mac 机，则是打开终端，cd 切换到目标文件夹）；使用命令 git status ，查看本地分支文件信息，确保更新时不产生冲突 （ no changes added to commit (use "git add" and/or "git commit -a" 说明没有冲突）二、添加修改更新过的代码；使用命令：git add . ，将当前工作目录中更改或者新增的文件加入到Git的索引..
2021-09-23 10:21:43
501
原创 gitBlit的使用
1.git remote add origin (ssh://你的远程仓库)2.git remote -v 查看你的仓库位置3.git pull origin master拉一下远端的仓代码，然后弹出的文件，4. git add . 本地资源拉到缓存5.git commit -m "注释内容"6、把代码推送到远端仓库；使用 git push origin master，等待一段时间，即可上传成功7、登录 Github...
2021-09-23 10:14:39
459
原创 HTTP状态码
1xx：信息提示这类状态代码表示临时的响应。客户端在收到常规响应之前，应准备接收一个或多个 1xx 响应。HTTP 状态码 说明100 继续。101 切换协议。2xx：成功这类状态代码表明服务器成功地接受了客户端请求。HTTP 状态码 说明200 确定。客户端请求已成功。201 已创建。202 已接受。203 非权威性信息。204 无内容。205 重置内容。206 部分内容。表明已部分下载了一个文件。可以续传损...
2021-07-14 09:06:24
204
原创 本地缓存：localstorage使用方法
1.存值共有3种方式，localStorage相当于window对象下面的一个属性，所以有[]和.调用，但也具有自身的setItem方法// 自身方法localStorage.setItem("name","bonly");// []方法localStorage["name"]="bonly";// .方法localStorage.name="bonly";2.取值也是如此，自身的方法是getItem// 自身方法localStorage.getItem("name");//
2021-07-13 18:35:00
2471
转载 meta标签配置
<meta charset="UTF-8">//声明字符的编码**防止出现乱码<meta http-equiv="x-UA-Compatible" content="IE=edge">//避免IE使用兼容模式(必须放在前面否则无效) <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">//对移动设备的友好 确保适当的绘制和触屏缩放 s.
2021-07-07 11:29:20
628
原创 vue中拖拽实例
因为计算机数字是浮点型，所以在计算过程中通常得到的并不是一个准确的数据，所以在做一些数组运算的时候比较头疼，我们这里就来写一下精确运算的方法首先是加法 （这里以两个数据相加为例）...
2021-07-05 20:36:54
160
原创 vue3.0使用vant组件的过程
创建项目：vue create yxsc_project安装vant 组件库：第一步安装命令 npm install vant@next --save (因为使用的是vue3.x 所以要安装vant的针对vue3的版本 vant@next)第二部vant的进阶使用 通过 npm install postcss postcss-pxtorem --save-dev (用来将px尺寸转化为rem尺寸)配置rem的根元素字体大小 安装lib-flexiable 安装命令 np
2021-06-16 15:15:35
231
原创 api 跨域
1 .在根目录在，创建 vue.config.js 文件module.exports={publicPath:"./",devServer:{port:8686,proxy:{"/api":{//请求的源地址target:"http://adminv2.happymmall.com/manage/",...
2021-06-07 20:50:43
359
原创 跨域请求
/**@Description:配置文件*/module.exports={publicPath:"./",devServer:{open:true,proxy:"http://106.15.179.105/api"},};//proxy是代理的意思//代理跨域就是在欺骗浏览器让浏览器认为你访问的还是同源的localhost：8080，但是用代理把地址代理到了需要跨域的地址去了//首先第一步把vue.config.js放在...
2021-06-01 19:34:35
1227
4
原创 git指令
git init 初始化本地仓库 git clone 仓库地址 克隆当前远程仓库代码至本地 git add . 将所有文件添加至本地缓存git add 文件名 将指定的文件添加至本地缓存 git commit -m ‘描述信息’ 将本地缓存添加至本地仓库 git push origin master 将本地仓库内容推送至远程仓库 git pull origin master 将远程仓库内容同步至本地仓库git config --global user.email...
2021-06-01 19:26:20
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人