整理
Carla卡拉伊
白小白,工作中发现很多问题会重复的碰到,可能两天前遇到的bug,两天后就忘记怎么解决的了。整天各种百度,于是乎,想把自己遇到的各种问题都记录下来。有不正确或不同见解欢迎大佬指出交流~~~
展开
-
如何查看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 · 4411 阅读 · 0 评论 -
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 · 2256 阅读 · 5 评论 -
echarts用到的各种配置
xAxis: { show:false,//不显示坐标轴线、坐标轴刻度线和坐标轴上的文字 axisTick:{ show:false//不显示坐标轴刻度线 }, axisLine: { show: false,//不显示坐标轴线 }, axisLabel: { show: false,//不显示坐标轴上的文字 },},yAxis: { splitLine:{ sh原创 2020-09-30 14:04:01 · 63 阅读 · 0 评论 -
vue项目监听页面滚动事件
vue监听页面滚动事件 mounted() { // 监听滚动事件,用handleScroll这个方法进行相应的处理 window.addEventListener("scroll", this.handleScroll); }, methods: { handleScroll() { // 监听到页面滚动后的处理事件 if (window.pageXOffset > 280) { this.showLeft = true;原创 2020-09-29 14:52:53 · 1900 阅读 · 0 评论 -
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 · 1160 阅读 · 0 评论 -
关于socket存储在vuex中 刷新页面报错
问题重现之前socket页面放在子组件中,所以都是从父组件进去socket页面,刷新页面也会回到父组件,所以一直都正常后来需要把socket页面从子组件移出来,这样一刷新页面就报错如下原创 2020-09-29 11:03:46 · 452 阅读 · 0 评论 -
使用Xshell将前端项目部署到服务器
引言以前项目用到过Xshell把项目部署到服务器,当时是后端已经配置好了,我只需把项目打包发布步骤step1启动Xshell后,点击如下新建step2把名称、主机、端口号填好step3在如下图 连接—>用户身份验证 处填写用户名和密码,便连接成功step4连接成功后,进入如下页面输入命令 ls ,列出目录内容~输入命令 cd usr/local/nginx/vue(路径是需要部署到的位置)到需要部署的目录下就可以开始上传了vue输入命令 rm -rf dist原创 2020-09-03 16:13:08 · 4898 阅读 · 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 · 1086 阅读 · 0 评论 -
让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 · 6410 阅读 · 4 评论 -
vue+element 样式无法显示
无法显示样式的问题图:正常图:解决:在main.js文件中添加以下这行代码即可import 'element-ui/lib/theme-chalk/index.css'原创 2020-09-02 14:01:22 · 632 阅读 · 4 评论 -
I‘m back回来啦
I’m back时隔9个月I’m back原创 2020-08-26 16:59:52 · 81 阅读 · 0 评论 -
element-ui 表格多选框 按条件禁用部分选项
temlpate <el-table :data="roomData" @selection-change="handleSelectionChangeRoom" ref="multipleTable" > <el-table-column ...原创 2019-11-26 15:04:51 · 3587 阅读 · 0 评论 -
element-ui 多选表格,翻页后仍记录所选项
template部分 <el-table :data="roomData" @selection-change="handleSelectionChangeRoom" :row-key="getRowKeys" ref="multipleTable" > ...原创 2019-11-26 14:31:07 · 352 阅读 · 0 评论 -
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 · 1253 阅读 · 0 评论 -
整理用到的一些数组方法
1. 判断数组是否为空为空 array == undefined || array.length <= 0不为空 array !== undefined && array.lenth > 0原创 2019-11-04 11:34:51 · 85 阅读 · 0 评论 -
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 · 461 阅读 · 1 评论