![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue组件和工具库
文章平均质量分 57
前端老实人
一名前端狂热爱好者,有需要资料或者有问题的同学可以直接私信我哦,做你的私人小家教!
展开
-
Vue自定义指令(含常用8种指令封装)
在一些后台管理系统,我们可能需要根据用户角色进行一些操作权限的判断,很多时候我们都是粗暴地给一个元素添加 v-if / v-show 来进行显示隐藏,但如果判断条件繁琐且多个地方需要判断,这种方式的代码不仅不优雅而且冗余。背景:在类电商类项目,往往存在大量的图片,如 banner 广告图,菜单导航图,美团等商家列表头图等。在开发中,有些提交保存按钮有时候会在短时间内被点击多次,这样就会多次重复请求后端接口,造成数据的混乱,比如新增表单的提交按钮,多次点击就会新增多条重复的数据。原创 2023-01-06 14:18:14 · 5352 阅读 · 0 评论 -
element标签页tabs二次封装(vue动态组件)
当组件被缓存时,会自动触发组件的 deactivated 生命周期函数。当组件被激活时,会自动触发组件的 activated 生命周期函数。默认情况下,vue切换动态组件时无法保持组件的状态。include 属性用来指定:只有名称匹配的组件会被缓存。vue 提供了一个内置的组件,专门用来实现动态组件的渲染。循环遍历标签页,其中的if判断用于解决切换页面闪烁问题。这里用到vue的混入,方便多个页面直接引用相关代码。keep-alive 对应的生命周期函数。原创 2023-01-03 17:55:16 · 2628 阅读 · 1 评论 -
如何优雅的封装element侧边栏(复制即用)
【代码】如何优雅的封装element侧边栏(复制即用)原创 2023-01-03 14:36:12 · 1083 阅读 · 0 评论 -
Vue.js多个数组转化为数组对象
/xx是每个页面的标头第一个名字不一样所以需要动态传,扩展参数是所有的数据数组"2021年","2020年","2019年",......];// 所有数组数据// 年份=》key值});});}原创 2023-01-03 13:48:28 · 1822 阅读 · 0 评论