vue
Miss_Liang
记录工作中学到的点点滴滴以备将来回顾。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue + view-design 菜单高亮及展开情况
目录vue + view-design 菜单高亮及展开情况页面刷新菜单高亮及默认打开跳转子页面,父菜单高亮,离开二次确认,取消时,菜单正确高亮跳转子页面,父菜单高亮离开二次确认,取消时,菜单正确高亮vue + view-design 菜单高亮及展开情况页面刷新菜单高亮及默认打开需求背景:页面菜单分为多层折叠菜单和单层菜单,当页面浏览器刷新时,仍然能正确保留当前菜单高亮以及打开的层叠菜单项实现思路:Menu 组件绑定 active-name 属性和 open-names 属原创 2020-12-11 11:57:31 · 1356 阅读 · 0 评论 -
view-design 组件库表格筛选条件联动保留前面筛选条件的高亮状态
view-design 组件库表格筛选条件联动保留前面筛选条件的高亮状态问题:当第一个筛选条件选中,第二个筛选条件会联动变化,此时会导致整个 table 组件刷新,那么第一个筛选条件的高亮状态会被清除解决思路通过编辑组件库的 Table 组件相关的源码实现页面刷新之后,仍然能保留第一个筛选条件的高亮状态实现思路组件库的 table-head 组件里的 headRows 计算方法,会返回最新的表格列的配置数据。当选中第一个筛选项时,会触发第二个筛选项数据的更新,此步操作的最后结果是原创 2020-11-23 18:00:10 · 1106 阅读 · 0 评论 -
iview 折叠面板 Collapse 和 多选框 Checkbox 搭配 for 循环使用
需求场景:折叠面板中有数据项,数据项有多选和全选以及取消全选的功能,折叠面板通过数组 for 循环生成并渲染,Checkbox 与 CheckboxGroup 也是通过数组中的数据 for 循环以及绑定遇到的问题:代码按照逻辑写完之后,CheckboxGroup 不能按照正常情况工作,全选和取消全选错乱解决办法:全选时不要将 checkAllGroup 直接带入运算,创建一个过渡变量,代入...原创 2019-11-11 10:04:07 · 3681 阅读 · 2 评论 -
vue 项目打包的过程中通过命令行修改 api 接口前缀
环境:vue 全家桶、nodeJs、chrome浏览器需求:后端需要将 npm run build 之后的文件部署到不同的服务器上去,后端希望在 npm run build 命令的后面直接加上 api = https://192.168.166.156:8444 (举个例子) ,在命令行执行之后整个页面的 api 接口前缀就会改为https://192.168.166.156:8444实现...原创 2018-06-11 14:47:50 · 6095 阅读 · 2 评论 -
vue 项目打包通过命令修改 vue-router 模式,修改 API 接口前缀
需求说明:在开发 vue 项目的过程中遇到的需求是要把 api 接口前缀暴露在命令行,通过 npm run build apiUrl 即可修改接口入口,用于从 docker 部署到不同的测试服务器上,其次是路由模式的问题,部署到测试服务器上的需要是 history 模式,但是产品是用 electron + vue 开发的桌面应用,electron 硬性要求 vue-router 的路由模式是 ha...原创 2018-06-13 11:42:06 · 3447 阅读 · 0 评论 -
vuepress 引入 iconfont.js 打包时报错 window is not defined
vuepress 引入 iconfont.js 打包时报错 window is not defined情景复现在 enhanceApp.js 中直接引入 iconfont.js ,npm run docs:build 的时候会报 window is not defined 错误,查看 iconfont.js 看到在函数模块化后面传入了全局变量 window出现问题的原因当开发 V...原创 2019-08-20 14:30:19 · 3782 阅读 · 0 评论
分享