u013344993的博客

踩坑用的是vite2 + vue3 + element-plus + ts + setup语法糖在我理解，ref绑定普通数据类型（number，string，boolean），对象类的需要reactive。这里写了个登录页，一度让我怀疑。在vue2.x里面最基本简单的表单组件，这里完全失败。代码如下。<template> <el-form ref="loginForm" :model="loginForm" label-width="80px"> <e

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

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

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

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

使用vue已经有一段时间了，项目当中遇到过很多问题。之前会通过社区，博客和百度来观摩学习大佬前辈们的解决思路，最后转换到项目和工作当中来解决现有的问题。这里是我在解决问题当中对一些点的整理，或者说自我理解。关于methods，computed，watch的区别，先结合官网给出解释来区别计算属性和方法，这里methods方法和computed计算属性，官网给出最大的区别就是计算属性...

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

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

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

在使用导航守卫的时候由于没有仔细看清官网文档，我是这样写的router.beforeEach((to, from, next) =&gt; { NProgress.start() if (localStorage.getItem('token')) { console.log('token') next('/') } else { console.log('no...

使用vue搭建的项目配置到服务器，进入到二级页面会出现404。打开dist文件夹发现就一个index.html和一个static文件夹。网上找了一些文档，服务器需要进行配置。iis服务器配置...

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