首页 > 其他分享 >vue中路由跳转 切换tab页需要保存之前操作怎么办

vue中路由跳转 切换tab页需要保存之前操作怎么办

时间:2024-04-01 15:00:26浏览次数:21  
标签:vue 草稿 切换 tab 跳转 组件 填写 页面

如图所示 我需要草稿和新建流程页面切换 草稿页面之前的操作(比如填写页面 比如查询后页面等)仍保留

使用vue中的keep alive组件 

而对于若依系统 菜单管理中自带是否缓存但注意一定要填写组件名称

组件名称定义地址:

标签:vue,草稿,切换,tab,跳转,组件,填写,页面
From: https://blog.csdn.net/Judith_p/article/details/137175715

相关文章

  • vue 自定义tabs 样式的组件
    大家应该都用过tabs不同状态显示不同的列表 这种东西其实可以自己封装的其实是很简单的做一个这样简单的筛选组件 这样的跟tabs的效果一样上代码<template><divclass="switch-container"><divclass="box"><divclass="box-item"......
  • vue3中任意嵌套组件传参,provide与inject
    一般父组件向子组件传值,可以通过props (defineProps).但是多级嵌套组件使用props过于麻烦,推荐可以透传的provide和inject provide提供数据   inject注入数据App.vue代码<scriptsetup>import{ref,provide}from'vue'importSonfrom"./son.vue";constgreet......
  • 【Vue3】readonly和shallowReadonly
    readonly()​接受一个对象(不论是响应式还是普通的)或是一个ref,返回一个原值的只读代理。类型functionreadonly<Textendsobject>(target:T):DeepReadonly<UnwrapNestedRefs<T>>只读代理是深层的:对任何嵌套属性的访问都将是只读的。它的ref解包行为与r......
  • 【Vue3】toRaw和markRow
    toRaw作用用于获取一个响应式对象的原始对象,toRaw返回的对象不再是响应式的,不会触发视图更新。toRaw()可以返回由reactive()、readonly()、shallowReactive()或者shallowReadonly()创建的代理对应的原始对象。注意:这是一个可以用于临时读取而不引起代理访问/跟踪开......
  • Vue从后端取数据,实现动态路由
    1.App.vue将获取菜单的方法放在全局中,以便每次刷新页面时,能够加载出。this.$store.state.userInfo是登入后存放在Vuex的用户信息TODO:把数据放到本地存储,没有的时候再加载,这只是demo<template><divid="app"><router-view/></div></template><script>import{......
  • vue记事本渲染以及交互
    以下是记事本的源码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>记事本</title>......
  • 【从零开始AI绘画2】StableDiffusionWebUI的基础使用
    StableDiffusionWebUI的基础使用第一章中已经完成了SDwebui的部署已经初始化,接下来我们开始基础使用,涉及更细节高级的功能本文暂时不写文章目录StableDiffusionWebUI的基础使用界面简介一、大模型SDcheckpoint加载checkpoint下载checkpoint模型二、提示词正向提示词......
  • 13.设置支付宝支付后跳转至特定网页并显示特定内容(例如密码1212)-待实现
    要设置支付宝支付后跳转至特定网页并显示特定内容(例如密码1212),你需要进行几个步骤。首先,你需要在支付宝开放平台上创建应用并设置支付接口,然后配置支付成功后的跳转URL。接下来,你需要在你的服务器上创建这个跳转页面,并在其中显示你想要的内容。以下是大致的步骤:1.在支付宝开放......
  • Vue自定义指令directive(主要是钩子函数及其参数)
    Vue自定义指令directive(主要是钩子函数及其参数):https://blog.csdn.net/weixin_46037781/article/details/119637729?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171194263116777224467854%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request......
  • vue-router
    [什么是vue-router]传统的路由是针对服务器不同文件,这样路由的变动就会导致新页面加载,导致页面刷新。vue-router实现了在vue组件基础上,不加载页面文件,而是更改部分页面组件的方式来展现不同路由时显示的内容。同时节约了客户端和服务端资源。[安装]npmivue-router@4......