使用react-router-dom在组件外部控制路由跳转

let info = this.isAsync == true ? '正在导入，请到上传下载--结果页面查看导入结果' : '上传成功'let message = this.$message({dangerouslyUseHTMLString: true,message: `<span>${info}</span>`...

prettier 在根目录下创建配置文件及忽略文件文件文件 根据自己需求配置右键格式化文档选择prettier

vue3 ts 手动封装message消息组件

Vue3 和 TS 中注册的全局组件没有代码提示

van-count-down + van-progress 实现进度条倒计时效果<!-- van-count-down: time 属性表示倒计时总时长，单位为毫秒 --><!-- van-progress 使用 percentage 属性来设置当前进度百分比 --><van-count-down use-slot ref="countDown" :time="tim

把用户原操作页面的地址作为重定向路由的参数//使用钩子函数对路由进行权限跳转router.beforeEach((to, from, next) => {const token = localStorage.getItem('token')if (!token && to.path !== '/login') {next({path: ...

一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios..

1、最近用vue做前端项目，从查询页面进入详情页时，返回页面需要保留上次的查询条件，表格当前页数。2、从其他菜单进去，不需要缓存，要保持页面的初始状态。基于上面两种情况，我打算用vue中的keep-alive来缓存页面。问题的解决方法列表项目. 用vue的内置组件keep-alive来缓存列表页面，再路由出口渲染组件时配置：<keep-alive><ro...

方法一 新增一个script标签， 在这个script标签定义一个name属性（注意多个script使用时 lang的值要一致）<script lang="ts">export default {name: 'Layout'}</script><script setup lang="ts"></script><template><d