介绍：由于element的el-upload不支持文件夹上传，所以用了vue-simple-uploader，实现了文件夹/文件的携带form data 和 headers参数上传。vue-simple-uploader还能用于切分上传、断续上传，此处项目没有用到。 想对上传做更多的处理的小伙伴，推荐去看源码。 另：以下代码加了文件列表的拖拽。 1、安装： npm install vue- sim…
import Vue from 'vue'; import dayjs from 'dayjs'; const filters = { formatDate(date, format = 'YYYY-MM-DD HH:mm') { return dayjs(date).format(format); }, priceFilter(value){ let num = Number(value); i…
1.项目初始化 安装 Vue 脚手架 通过 Vue 脚手架创建项目 配置 Vue 路由 配置 Element-UI 组件库 配置 axios 库 初始化 git 远程仓库 将本地项目托管到 github 中 1.安装 Vue 脚手架 npm install vue-cli -g 2-3.通过 Vue 脚手架创建项目、配置 Vue 路由 vue ui 在命令行输入完 vue ui 后会自动打开一个 …
前言 上次在看前端早早聊大会中， 尤大大再一次提到了 VueUse 的一个库。 好奇了一下，点看看了看。好家伙啊， 我直接好家伙。这不就是曾经我也想自己写一个 vue 版的 hooks 库吗？（因为我觉得 vue3 和 hooks 太像了） 可是我还不太会， 你现在直接把我的梦想给破灭了，下面我们一起来看看吧！ 什么是 VueUse VueUse 是一个基于 Composition API 的实用…
vue3封装element-plus的Table表格 # 新建 Table.vue src/components/Table.vue <script setup lang="ts"> import { reactive, useSlots, isProxy } from "vue"; import { Delete, Edit } from '@element-plus/icons-v…
先贴上报错： vuex2增加了mapGetters和mapActions的方法，借助stage2的Object Rest Operator 所在通过 methods:{ ...mapActions([ 'increment' ]) } 酱紫去拿到action。但是我们需要安装babel-preset-stage-2的依赖。 解决方案： 在package.js里面增加"babel-preset-st…
vue 百度地图 在度娘中找了好多。都没有找到具体的操作方法，自己写一个。因为页面中要做商家入驻，所以需要一个详情的地图。找了好多。最后决定用百度（百度的api对开发这太友好啦），并且百度地图还为vue做了相应的操作。虽然不全。而且看着很蒙蔽。所以自己总结一下。 百度地图的npm库： https://dafrok.github.io/vue-baidu-map/#/zh/start/base 引入…
文章目录 10.13路由守卫 案例：将案例改为“使用组件内路由守卫” 完整代码 本人其他相关文章链接 10.13路由守卫 注意点1： 前置路由守卫或者后置路由守卫中，to指代切换到哪个路由组件，from指代从哪里来的路由组件，next指代下一个路由组件是否放行显示 注意点2： 如果想实现路由组件的to属性添加自定义属性用于权限判断，必须放在meta元数据属性中，meta就是用来存放自定义属性的，比…
目录 一、需求 二、如何配置 1.安装依赖less 2.创建less变量和函数 variable.less model.ts theme.ts 3.vite.config.ts配置 三、如何使用 1.样式表变量替换样式 2.设置主题切换函数 一、需求 博主最近在重构自己的单页面SSR博客，打算添加换肤功能，众所周知，换肤功能已是一个很常见的功能。用户可以根据自己的喜好，设置页面的主题，从而实现个性…