描述：父子两个组件，父组件打开子组件弹窗，然后执行方法请求接口，获取数据之后渲染页面，且每次点击都执行该方法。遇到的问题：最开始简单地将方法放在子组件mounted里面，只有第一次打开弹窗会执行方法。了解到，弹窗只创建了一次。所以，在想是不是可以用keep-alive模式下的actived，然而并没有什么用。actived和deactived只在keep-alive使用时生效。然后...

同事搭建的vue+elementui项目出了个bug，elementui导航高亮一直出错。调试了3个多小时，来问我，结果悲剧地加班了。最后实在不耐烦了，导航这块放弃使用elementui组件，直接自己来写了。今天有空，实在不服气，自己写了一个。结果直接就过了。贴上代码：<template><el-menu:default-active="$rou

在做角色权限配置这块，用element-UI中的tree组件来做。想选中单个页面，或者单个页面的某个具体按钮，就能把所有父级菜单勾选。原生配置项并没有这种玩法，百度搜索也没有具体写法，这里分享一下我的做法。上代码<el-tree :data="treeData" node-key="id" :check-strictly="true" ref="tree" :show-checkbox="t

这是一个综合使用案例，需求是页面引入动态的模块，可以自定义编辑数量和排序。效果图： 该项目依element，同时为了动态效果，我引入了Vue.Draggable插件，以及vue的动画组<transition-group>贴上页面代码<template><div class="dashboard-container&qu

在项目中，调接口的时候，获取数据总是报错：[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'children' of undefined"贴上部分代码<el-popoverv-if="listData.length > 0"ref="

项目是vue项目，其中cookie操作采用了github上面比较火热的js-cookie，这里结合需求总结体会。首先安装npm install js-cookie --save其次结合项目，我这里是封装成公共方法写了个专门的js存放cookie的操作。import Cookies from 'js-cookie'const TokenKey = 'token'export function...

最近在优化老的项目组件时，想利用vue自身的条件渲染和动画过渡来达到logo随侧边栏进行伸缩。目的效果如下：在进入正题前，先说说我的实现思路（部分含关键代码）。大牛请跳过，若有不足也请指正。优化方向和解决方案：伸缩状态能够被保存（F5保存，页面关闭清除）：使用vuex和cookie中（可用sessionStorage代替）。// store.jsexport defau...

同事搭建的vue+elementui项目出了个bug，elementui导航高亮一直出错。调试了3个多小时，来问我，结果悲剧地加班了。最后实在不耐烦了，导航这块放弃使用elementui组件，直接自己来写了。今天有空，实在不服气，自己写了一个。结果直接就过了。贴上代码：<template><el-menu:default-active="$rou

项目是老项目，技术栈大致可以理解为jq+bootstrap，目前改用vue来做。由于种种原因，后台接口没有去动。而之前的项目中数据安全还是使用的rsa加密。在之前的项目中使用的rsa.js BigInt.js berrent.js 三个文件始终无法很好的导入到vue组件中。而且我并不想直接使用script:src的方式直接引用。网络上找了很多vue相关的rsa加密，最后反复实验确定了...