随笔分类 - Vue.js
摘要：问题： 项目中出现了这个报错，一直定位不到错误的位置： 原因： 原来是因为我为了解决表格中同名图片缓存时图片不刷新的问题（例如上传了新的图片后，页面上显示的还是原本的图片）， 我使用了时间戳作为图片的key，例如：Number(new Date()) 这似乎导致了：表格刷新时，图片一直在渲染，陷入死
阅读全文
摘要：这组件是基于elementui写的，除了复制剪贴板之外，还有悬浮提示、加载动画、多行隐藏，如果不需要的话可以自行更改 <template> <div v-loading="loading" class=""> <el-popover :content="value || '暂无内容'" :close
阅读全文
摘要：1、打开防火墙 如果觉得打开防火墙危险，可以只允许node.js通过防火墙，方法如下： PS：我同事电脑的允许通过是这样的，可能是nodejs版本不同？ 2、vue.config.js中配置 host:'0.0.0.0', port: 8080, disableHostCheck: true,
阅读全文
摘要：Module build failed: TypeError: this.getOptions is not a function at Object.lessLoader (E:\a-website-render\node_modules\less-loader\dist\index.js:19:
阅读全文
摘要：npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@4.13.0 postinstall: node scripts/build.jsnpm ERR! Exit status 1npm ERR!npm ERR! Failed at t
阅读全文
摘要：1、安装weixin-js-sdk npm install -S weixin-js-sdk= 2、在页面引入 import wx from "weixin-js-sdk"; 3、调用 下面这段一般要放在向服务器请求微信参数之后，下面的params就是服务器返回的参数，前端拿到这些数据并正确调用了w
阅读全文
摘要：1、在public的index.html模板文件中引入百度地图（PS：如果你的网站域名是https的，这个链接就要用https） <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></scr
阅读全文
摘要：安装之前先卸载旧版本 npm uninstall -g @vue/cli 安装3.0及其以后版本 npm install -g @vue/cli@x.x.x 安装3.0以前的旧版本 npm install -g vue-cli@2.x 此时查看vue版本 vue -V PS：安装好之后，如果出现“v
阅读全文
摘要：在运行vue项目时，接口出现下面的情况： 请求成功，但返回的不是数据，而是一个无效的html页面。 产生原因：暂时不明。但是应该是接口被缓存起来了。 解决方式：清除浏览器数据，刷新页面，就可以了，如下：
阅读全文
摘要：事情起因是 我在A分支重装了webpack，版本改了，然后又安装了新的依赖； 接着B分支又安装了别的依赖； 然后又把B合并到A，冲突了。。。 冲突之后我就手动解决，然后再更新到线上之后，线上触发自动编译（自动编译是会先npm install的），发现npm build报错了 ┗|｀O′|┛ 嗷~~
阅读全文
摘要：步骤一： 下载插件：点击下载 点击推荐下载即可。下载不到也可以下载我的百度网盘地址（5.3.3）：链接: https://pan.baidu.com/s/15l-uf_k5h-ppZ0SQIA17JA 密码: u8ib 下载后解压内容如下图： 步骤二： 打开谷歌浏览器，点击右上角 ==》更多工具 =
阅读全文
摘要：版本： ant-design-vue 1.6.2 效果（按住标题栏拖动，拖动超出窗口会自动出现滚动条）： 组件文件结构： index.vue （需要注意的是footer和title的处理，其他的props都是一致的） <template> <a-modal :class="[modalClass,
阅读全文
摘要：需求说明： 本文章主要是解决第三个需求。 代码如下： （代码说明：store.state.pages是我存储标签页的列表，记录了当前打开的标签页的路由数据） 旧的方法： // 使用Vue.mixin的方法拦截了路由离开事件，并在该拦截方法中实现了销毁页面缓存的功能。 let cachePageDat
阅读全文
摘要：html根节点即<html></html> ❌直接用document.getElementByTagName('HTML')获取不成功 ✅要使用document.documentElement，如下 var docEl = document.documentElement docEl.style.f
阅读全文
摘要：依赖更新到最新 例如依赖：ant-design-vue npm update ant-design-vue --save 以上命令也可以通过加参数--save-dev，--save或-g来指定在什么范围更新依赖。 依赖重新安装 例如依赖：ant-design-vue 先卸载：npm uninstal
阅读全文
摘要：原因：columns.title优先级别比slots.title高，所以优先显示title文字了！也就是说！！不能共存！！！ { title: '序号', slots: { title: '$order' } }, 改成 { slots: { title: '$order' } }, 就好了！
阅读全文
摘要：每次热更新的时候就莫名其妙的报错 一开始以为是我自定义组件有问题，后来发现antd的原始组件在热更新后输入值（即发生改变），也会报错 。 解决方法： mounted () { this.form.resetFields() }, 每次mounted时都重置表单，即可解决
阅读全文