![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue开发笔记
不知名码农1994
这个作者很懒,什么都没留下…
展开
-
Vue开发笔记-- 配置resolve映射路径
在Vue-Cli项目开发中,我们常会引用到文件资源,如果文件路径很长,使用起来很不方便,且代码看着不美观。例如:引用图片时,每次都要在图片路径前面加" ../../../assets/images ”字符串,如果我们不想使用这些字符串就需要配置webpack的resolve了。 打开webpack配置文件:在bulid文件夹下 找到resolve属性。...原创 2019-02-20 10:00:12 · 3106 阅读 · 1 评论 -
eslint工具编程“ Unnecessary use of boolean literals in conditional expression” 错误的解决方案
今天快下班提交代码时碰到这个很诡异的问题,如下图这是我的代码报错的地方很明显是eslint工具检测出来的,我们必须用它的代码规范来编程。后来查了下eslint官方文档,对其解释是:当存在更简单的替代方案时,不允许三元运算符(不需要 - 三元)也就是说我这种写法会显得啰嗦改变这两行代码的写法 就ok了详细解释说明传送...原创 2019-02-25 18:16:29 · 17989 阅读 · 2 评论 -
js操作DOM切换全屏功能实现
不和你多BB,直接上代码。function requestFullScreen (element) { //当前全屏状态 let isFullSceen=document.isFullScreen || document.mozIsFullScreen || document.webkitIsFullScreen //多个游览器内核的全屏判断 let requestMeth...原创 2019-08-23 13:41:54 · 742 阅读 · 0 评论 -
VueCli生产环境打包部署跨域失败踩坑
常见的跨域配置(/config/index.js):proxyTable: { '/api': { target: 'http://192.168.2.139:8080/Mobile/Max', // 接口的域名 // secure: false, // 如果是https接口,需要配置这个参数 changeOrigin: true...原创 2019-09-10 18:27:18 · 14194 阅读 · 3 评论 -
Vue使用Tab页切换EChart,图表显示变形,未铺满父容器踩坑
在使用Tab页第一次切换到有echart页面时,发现echart画的图形未铺满父容器。那是因为父容器最初是被隐藏的,高宽为0。先提出方案解决这个问题。elementUi为例:1.利用v-if值切换来重绘图形页面。当前tab的name为‘line’,切换到图形页面时,v-if条件满足 直接重绘子组件图形。这样绘画的图形就会铺满父容器2.lazy=’true’这个是...原创 2019-09-20 10:20:10 · 3428 阅读 · 3 评论 -
Vue ElementUI使用el-tree,只容许叶子结点有多选框
在使用el-tree时,我们需要多选功能会在el-tree标签添加show-checkbox属性:那么,有时会遇到这样的需求,父节点不让多选,只容许多选叶子结点。那么,这时我们改怎么做呢?通过调试工具:多选框就是.el-checkbox这个样式,那么我们只需把这个样式覆盖一下,把它隐藏掉:/deep/ .el-tree-node{ .is-leaf + .el...原创 2019-09-25 16:02:53 · 6008 阅读 · 0 评论