![](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 · 3094 阅读 · 1 评论 -
eslint工具编程“ Unnecessary use of boolean literals in conditional expression” 错误的解决方案
今天快下班提交代码时碰到这个很诡异的问题,如下图 这是我的代码报错的地方 很明显是eslint工具检测出来的,我们必须用它的代码规范来编程。后来查了下eslint官方文档,对其解释是: 当存在更简单的替代方案时,不允许三元运算符(不需要 - 三元) 也就是说我这种写法会显得啰嗦 改变这两行代码的写法 就ok了 详细解释说明传送...原创 2019-02-25 18:16:29 · 17917 阅读 · 2 评论 -
js操作DOM切换全屏功能实现
不和你多BB,直接上代码。 function requestFullScreen (element) { //当前全屏状态 let isFullSceen=document.isFullScreen || document.mozIsFullScreen || document.webkitIsFullScreen //多个游览器内核的全屏判断 let requestMeth...原创 2019-08-23 13:41:54 · 734 阅读 · 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 · 14177 阅读 · 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 · 3409 阅读 · 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 · 5956 阅读 · 0 评论