- 博客(36)
- 收藏
- 关注
RSS订阅原创 如何查看vue版本号以及vue/cli脚手架版本号
查看vue版本号方法一：直接在项目的package.json文件，找到dependencies就能看到了方法二：输入命令npm ls vue (或者npm list vue)查看vue/cli脚手架版本号方法：输入命令vue -V (或者vue --version）
2021-03-29 14:28:00
4615
原创 vue-pdf打包之后多出来两个worker文件，修改打包路径，将多出的两个worker文件打包到static/js下
被这个问题卡了两三天，后面处理不了就直接不管了。今天意外发现有大佬给出了解决方案，惊喜！！方案：修改 node_modules/worker-loader/dist/index 文件，更改打包路径const filename = _loaderUtils2.default.interpolateName(this, options.name || ‘[hash].worker.js’, {将上面这行代码改为下面这样const filename = _loaderUtils2.defaul.
2020-12-28 15:13:22
2556
5
转载 在vue项目中如何实现跳转到一个新页面
在vue项目中如何实现跳转到一个新页面记录一下在vue项目中如何实现跳转到一个新页面（一个比较简单又比较基础的问题了），有两个方法：1、标签实现新窗口打开官方文档中说 v-link 指令被 组件指令替代，且 不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用标签，但事实上vue2版本的 是支持 target="_blank" 属性的(tag=“a”)，如下：<router-link target="_blank" :to="{path:'/home',query
2020-11-20 10:42:42
2775
原创 如何让谷歌浏览器不要弹出“翻译此页”
<html lang="en"> <head> <meta charset="UTF-8"> <style></style> </head> <body> <p>嗯嗯</p> </body></html><html lang="zh-CN">
2020-11-20 10:37:35
1843
原创 vue预览pdf vue-pdf 以及使用vue-pdf读取本地文件报错解决方法
前言需要在页面在线阅读电子书步骤step1:安装npm install --save vue-pdf因为是在没有网络的内网开发，所以我是在外网安装的，安装好后拷贝了以下四个文件到项目的 node_modulesstep2：点击翻页需求template部分<template> <div class="pdf"> <p class="arrow"> // 上一页 <span @click="changePdfPa
2020-11-20 10:23:18
10888
4
原创 angular使用ng-repeat遍历数组报错 Error:[ngRepeat:dupes]
<tr ng-repeat="item in list track by $index">加上 track by $index
2020-10-30 14:37:29
219
原创 强制刷新浏览器 清空缓存并硬性重新加载
问题描述接手angular项目，但之前没有接触过angular不知道怎么启动项目，问了上一个接手这项目的同事，ta是用nginx打开项目的这样没问题，是在本地启动，但是改完点击浏览器上的刷新按钮却没有用。ctrl+f5 也时好时坏解决方案按下F12打开开发者工具，把鼠标移到浏览器刷新按钮上 右键，选择清空缓存并硬性重新加载...
2020-10-30 14:30:39
3791
原创 css鼠标悬停，出现一只小手
.nav td { cursor:pointer;}auto 标准光标 default 标准箭头 pointer, hand 手形光标 wait 等待光标 text I形光标 vertical-text 水平I形光标 no-drop 不可拖动光标 not-allowed 无效光标 help 帮助光标
2020-10-30 14:04:44
2351
原创 Mixed spaces and tabs no-mixed-spaces-and-tabs混合空格和制表符
翻译：混合空格和制表符没有混合空格和制表符原因：这一段空白里既有tab键按出的空格，又有空格键按出的空格解决：把这段空白删掉，全部用tab键或全部用空格键
2020-10-27 11:01:16
1601
原创 echarts用到的各种配置
xAxis: { show:false,//不显示坐标轴线、坐标轴刻度线和坐标轴上的文字 axisTick:{ show:false//不显示坐标轴刻度线 }, axisLine: { show: false,//不显示坐标轴线 }, axisLabel: { show: false,//不显示坐标轴上的文字 },},yAxis: { splitLine:{ sh
2020-09-30 14:04:01
93
原创 vue项目监听页面滚动事件
vue监听页面滚动事件 mounted() { // 监听滚动事件，用handleScroll这个方法进行相应的处理 window.addEventListener("scroll", this.handleScroll); }, methods: { handleScroll() { // 监听到页面滚动后的处理事件 if (window.pageXOffset > 280) { this.showLeft = true;
2020-09-29 14:52:53
2004
原创 vue项目npm run build打包 本地打开出现空白页 Tip: built files are meant to be served over an HTTP server
npm run build打包好出现如下警告：Tip: built files are meant to be served over an HTTP server.Opening index.html over file:// won’t work.打开config文件夹下的index.js文件，把build里的assetsPublicPath由 ‘/’ 改为 ‘./’ 即可找到项目所在目录，进入下图49行所示的文件目录 dist文件夹下的 index.html，双击就会在浏览器打开项目
2020-09-29 14:07:02
1278
原创 关于socket存储在vuex中 刷新页面报错
问题重现之前socket页面放在子组件中，所以都是从父组件进去socket页面，刷新页面也会回到父组件，所以一直都正常后来需要把socket页面从子组件移出来，这样一刷新页面就报错如下
2020-09-29 11:03:46
518
原创 使用Xshell将前端项目部署到服务器
引言以前项目用到过Xshell把项目部署到服务器，当时是后端已经配置好了，我只需把项目打包发布步骤step1启动Xshell后，点击如下新建step2把名称、主机、端口号填好step3在如下图 连接—>用户身份验证 处填写用户名和密码,便连接成功step4连接成功后，进入如下页面输入命令 ls ，列出目录内容~输入命令 cd usr/local/nginx/vue（路径是需要部署到的位置）到需要部署的目录下就可以开始上传了vue输入命令 rm -rf dist
2020-09-03 16:13:08
5308
1
原创 VSCode离线安装插件方法
背景公司要求在虚拟机上进行开发，而我们的虚拟机没有网络所以只能离线安装插件安装步骤step1:在插件市场 https://marketplace.visualstudio.com/vscode 下载需要的插件step2：把下载下来的文件拷贝到vscode安装目录下的bin目录下step3：在bin目录下打开命令窗口，输入以下命令,红色部分改成下载的离线安装包的文件名code --install-extension CoenraadS.bracket-pair-colorizer-1
2020-09-03 10:57:51
1239
原创 让ElementUI Message消息提示每次只弹出一次
官方效果图遇到的情况是，一进入页面，为空的数据要message消息提示没有该数据，如果很多数据为空，就会如上图弹一整个页面的弹框，用户体验就不是很好。我目前的解决方案是：在main.js文件写入以下代码：import ElementUI, { Message } from 'element-ui'// 为了实现Class的私有属性const showMessage = Symbol('showMessage')/** * 重写ElementUI的Message * single默认
2020-09-02 15:50:36
6703
4
原创 vue+element 样式无法显示
无法显示样式的问题图：正常图：解决：在main.js文件中添加以下这行代码即可import 'element-ui/lib/theme-chalk/index.css'
2020-09-02 14:01:22
709
4
原创 element-ui 表格多选框 按条件禁用部分选项
temlpate <el-table :data="roomData" @selection-change="handleSelectionChangeRoom" ref="multipleTable" > <el-table-column ...
2019-11-26 15:04:51
3668
原创 element-ui 多选表格，翻页后仍记录所选项
template部分 <el-table :data="roomData" @selection-change="handleSelectionChangeRoom" :row-key="getRowKeys" ref="multipleTable" > ...
2019-11-26 14:31:07
442
原创 vue html 页面转成pdf下载
1.npm install html2canvas jspdf --save2.import html2Canvas from "html2canvas"import JsPDF from "jspdf"3. var title = 'pdf名字' html2Canvas(document.querySelector('#pdfDom'), { allowTa...
2019-11-13 17:03:55
1300
原创 vue html 页面转成图片下载
1.npm install html2canvas --save2. html2canvas(document.querySelector('#这是id')).then(canvas => { let saveUrl = canvas.toDataURL('image/png') let a = document.createElement(...
2019-11-13 17:00:49
1094
原创 整理用到的一些数组方法
1. 判断数组是否为空为空 array == undefined || array.length <= 0不为空 array !== undefined && array.lenth > 0
2019-11-04 11:34:51
111
原创 使用vue.prototype在vue中注册和使用全局变量
1.在main.js中注册Vue.prototype.$flowPath = { name: "https://www.baidu.com" }2.在其他页面使用 window.open( this.$flowPath.name )
2019-11-04 11:26:42
646
原创 vue实现打印功能的几种方法
方法一：使用vue-print-nb插件安装 npm install vue-print-nb --save在main.js中引入 import Print from 'vue-print-nb'注册 Vue.use(Print);使用html <div id="printMe" style="background:red;"> &l...
2019-11-01 16:57:13
942
原创 vue项目中引入阿里 iconfont 图标 动态渲染导航菜单图标
vue + element 后台项目，项目中都是用的 element-ui 的图标但是导航菜单是通过后台数据渲染的，所以在阿里图标库找了图标给后台，再渲染步骤一：在图标库找到想要的图标，加入购物车步骤二：选择添加至项目项目自己新建一个就行，之前还以为要把需要使用图标的项目导进来 [‘汗颜’]步骤三：在vue项目的assets文件夹下新建一个iconfont文件夹，将下载...
2019-10-30 18:08:06
2576
原创 Maximum call stack size exceeded 超过最大调用堆栈大小
vue后台项目，第二天一早运行代码不停报错，登录页的路径在无线循环跳转百度结果：代码出现无线循环最后，删除登录页的这段代码，问题解决。访问的是后台的一个接口，返回的是一个文件流，但是出错时好像没有返回文件流。这段代码出错前一直存在也没报错，现在加上也没报错。具体原因不得而知。...
2019-10-24 17:10:22
984
原创 vue 使用qs发送axios请求 传递多个参数
之前使用vue发送参数都是放到一个对象里后来发现可以使用qs把一个对象拆分开，发给后台步骤一：npm i qs步骤二：在main.js中引入 import qs from ‘qs’步骤三：这样后台接收到的就不是一个对象了，而是两个单独的？验证中… axios.post( "/api/computer/addComputer", qs.stringify({ ...
2019-10-21 16:02:42
3681
原创 git 提交代码到 gitee 码云
git提交代码到gitee上的必要步骤1、git add . 将当前目录下的所有文件添加到暂存区2、git commit -m ‘提交说明’ 将文件从暂存区提交到仓库3、git pull 将远程代码下载到本地4、git push 将本地仓库中代码提交到远程仓库git的其他操作git config --list 查看配置信息git config user.name...
2019-10-17 18:17:33
531
1
原创 vue-router组件传参 页面跳转问题
vue+element 的项目为了组件之间可以传递参数，一开始是这样写的因为用了el的导航菜单组件，在applydetail页面点击导航菜单 会把菜单的路径拼在/applydetail后面比如在这个页面点击导航菜单结果变成这样，其实我是需要到/notnavi页面解决：...
2019-09-12 18:17:26
304
原创 element 中校验 el-table
需求是有一个el-table表格，el-table中有el-input, 要对el-input进行校验解决：用el-form表单校验html代码html部分就是这样写，el-form表单包裹el-table<el-form-item :prop=" 'tableData.' + scope.$index +'.school " :rules="rules.school">好...
2019-09-05 21:49:31
2730
原创 vue项目使用uniapp生成app过程
首次接触uniapp 像个丈二和尚 百度无果 最终求助uniapp官方群群友解决把我的完成过程记录下来详细步骤1. npm run build 打包vue项目2. 在 HbuilderX 新建 5+app 项目3. 将打包好的项目 dist 文件夹下的文件全部复制，拷贝到新建项目的根目录，有重复的直接覆盖4. 配置启动头 打开新建项目的 manifest.json文件 > ...
2019-08-31 19:27:20
6831
4
原创 vue项目重定向
第三篇博客 哇咔咔重定向跳转到目标路由redirect:’/home/dynamic 设置之后，跳转到home路由时就会自动跳转到dynamic路由
2019-08-24 23:10:46
1010
原创 配置反向代理 解决跨越问题
第二篇博客 一起见证哇咔咔vue2.x项目 本地请求服务器时报错如上解决方案：配置反向代理1.打开conifg文件夹下的index.js配置前是这样的2.配置后target就是访问的基准路径之后在js中，需要写基准路径时用/api代替即可/api 等于 htttp://192.168.1.105:8594...
2019-08-24 22:56:53
311
原创 401 (Unauthorized) 未授权
第一次发博客 献给优快云 这是我走上人生巅峰的第一步啊 大家一起见证我的巅峰之路 哇咔咔~~如有错误，欢迎指正补充 ~401(Unauthorized) 未授权第一次遇到这个报错，各种百度，最后一个前端交流群的伙伴说打印我的token令牌看看果然，是我的token有误，token是一串由字母和数字组成的字符串，是登录时后端给的取到正确的token就请求成功啦...
2019-08-24 22:17:05
6079
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人