logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

elementui table 在浏览器分辨率变化的时候界面异常

在父级添加 width: 100% 时,aside 定宽不变,但是对于main 则改用calc: (100% - 定宽)。我最开始的方案是aside 定宽,main则使用flex:1 的方式。(这种方式就会出现上面所说的异常点)效果惊人的好,此时无论如何调整浏览器分辨率,el-table 都可以正常显示,且没有出现卡顿的情况。所以我的想法是,监听浏览器的resize事件,然后执行doLayout

文章图片
#elementui#前端#javascript
VSCODE 配置eslint规则和自动修复

全局安装eslint打开终端,运行npm install eslint -g全局安装ESLint。vscode安装插件vscode 扩展设置依次点击文件 > 首选项 > 设置{"workbench.iconTheme": "material-icon-theme","explorer.confirmDragAndDrop": false,"explorer.confirmDelete"

Vue-cli3烦人的eslint

在vue-cli选择生成的时候,有一个询问是否把插件配置文件写在package.json文件里- 如果选择了是打开package.json 就会有以下一段代码"eslintConfig": {"root": true,"env": {"node": true},"extends": ["p

CSS Loader has been initialised using an options object that does not match the API schema.

最近在使用mpvue 的时候,运行服务一直报错,按照官方的路子试了几次都是一直错。提示如下:看到错误提示还以为是css loader 的问题,又是卸载又是更新的还是没用。研究发现,重点在下面的minimize 上,原来是webpack 版本的问题,我的webpack 版本是 4.29.6,css-loader 已经没有了这个选项了。所以解决的办法就有了:找到 build/utils.j...

vue 路由警告 Duplicate named routes definition

今天在开发的时候,项目报了一个警告Duplicate named routes definition ,这里记录一下解决方式和思路。警告产生的原因根据提示内容,我们大概猜测是和路由的name有关,上网了解了一下,验证了我们的猜测是正确的。警告是由于路由的name 重复导致的。(原理?who care (艹皿艹 ))错误类型虽然我们已经知道警告是由于name重复导致,其实细分一下还是有点不一样的。一

#javascript
elementui tree 支持虚拟滚动和treeLine (下)

npm发布,自己引入运行后,但是还是出现了问题二的cant resolve 问题。去npm 上查看,发现提交的内容和自己本地的不一致我这里是因为里添加了file 字段,摒弃了提交内容。调整 package.json 后再发布,发现就可以了。

文章图片
#elementui#vue.js#javascript
elementui tree 支持虚拟滚动和treeLine (上)

最终在查阅相关资料时,发现github有一个大佬使用vue-virtual-scroller自己写了一个elementui tree的扩展组件。同时这款组件还能完美的继承elementui tree上的属性和方法,算是过渡最为平滑的组件了。需求变更:虽然虚拟滚动实现了,但是在演示的时候领导觉得,还是加个treeLine 更好看。所谓的treeLine 就是tree展开时,侧边那一条条带有结构性质的

文章图片
#elementui#vue.js#javascript
vue 路由警告 Duplicate named routes definition

今天在开发的时候,项目报了一个警告Duplicate named routes definition ,这里记录一下解决方式和思路。警告产生的原因根据提示内容,我们大概猜测是和路由的name有关,上网了解了一下,验证了我们的猜测是正确的。警告是由于路由的name 重复导致的。(原理?who care (艹皿艹 ))错误类型虽然我们已经知道警告是由于name重复导致,其实细分一下还是有点不一样的。一

#javascript
到底了