![](https://img-blog.csdnimg.cn/20210721113724711.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue.js
文章平均质量分 64
vue学习中
HuangChunLei_
这个作者很懒,什么都没留下…
展开
-
vue实现拖拽功能
Vue 拖拽组件 vuedraggable 和 vue-dragging一、描述二、vuedraggable三、Awe-dnd一、描述之前用 vue 写过一个在线的多二维码生成服务,[体验地址:](https://postbird.gitee.io/vue-online-qrcode/)后面发现二维码多了之后有时候想要排序,需要将比较重要的放在上面或者第一个,因此拖拽排序的需求就出来了。知道 vue 肯定是有组件存在的,因此就直接搜了搜,找了两个不同的库分别是:vuedraggab转载 2021-11-02 10:37:44 · 16245 阅读 · 0 评论 -
Vuex数据持久化与Vant插件sass样式穿透
Vuex数据持久化与Vant插件sass样式穿透一、Vuex数据持久化Vuex 解决了多视图之间的数据共享问题。但是运用过程中又带来了一个新的问题是,Vuex 的状态存储并不能持久化。也就是说当你存储在 Vuex 中的 store 里的数据,只要一刷新页面,数据就丢失了。引入vuex-persist 插件,它就是为 Vuex 持久化存储而生的一个插件。不需要你手动存取 storage ,而是直接将状态保存至 cookie 或者 localStorage 中。(真香)具体用法如下 安装指令:n.转载 2021-08-03 14:14:54 · 323 阅读 · 0 评论 -
vue keep-alive的使用
keep-alive避免多次重复渲染降低性能。可以进行组件缓存,维持当前的状态。应用场景商品列表页点击商品跳转到商品详情,返回后仍显示原有信息订单列表跳转到订单详情,返回,等等场景。keep-alive声明周期初次进入时:created > mounted > activated;退出后触发 deactivated再次进入:会触发 activated;事件挂载的方法等,只执行一次的放在 mounted 中;组件每次进去执行的方法放在 activated 中项目实践一、1原创 2021-07-17 15:33:59 · 160 阅读 · 0 评论 -
Vue + Ant Design of Vue上传文件
组件封装<template> <div class="upload-box"> <a-upload name="file" :multiple="true" :action="action" :headers="headers" :file-list="fileList" @change="handleUploadChange" :beforeUpload="beforeUploa原创 2021-07-14 09:58:56 · 1580 阅读 · 0 评论