首页 > 其他分享 >vue3.4中KeepAlive的一个bug

vue3.4中KeepAlive的一个bug

时间:2024-05-06 21:33:07浏览次数:21  
标签:缓存 输入框 vue vue3.4 组件 ref bug KeepAlive

KeepAlive可以缓存组件,在不使用include时没有任何问题,可以正常缓存。
但是一旦使用了include,如果动态组件中没有导入ref函数,缓存功能就消失了
比如
editcom.vue

<template>
  <input >
</template>
<script setup>
import { ref } from 'vue'
</script>
<style>
    
</style>

这个组件导入了ref,则能正常被缓存
app.vue

<div>
	<div>
		<label><input type="radio" v-model="currentcom" :value="editcom"/>editcom</label>
		<label><input type="radio" v-model="currentcom" :value="radiocom"/>radiocom</label>
	</div>
	<KeepAlive include="editcom">
		<component :is="currentcom"></component>
	</KeepAlive>
</div>

切换后输入框中字符串还在
image

如果去掉ref引用,切换后输入框中的字符串就会清空
image
官网案例中刚好两个组件都引用了ref,故而看不到这个现象

标签:缓存,输入框,vue,vue3.4,组件,ref,bug,KeepAlive
From: https://www.cnblogs.com/ggtc/p/18175989

相关文章

  • c#中Debug和Release的区别实验
    一、Release版本相比Debug版本的性能提升很大Debug模式在编译时不对源代码进行优化,而Release模式进行了大胆的优化,使得程序在代码大小和运行速度上都有显著提高,下面通过一个对10000条数据进行冒泡排序的例子来比较它们二者的性能差距:来源:https://blog.csdn.net/u0......
  • debugfs命令的使用方法
    使用debugfs命令需要root权限mount-tdebugfsnone/sys/kernel/debug#挂载命令,需要先挂载才能使用debugfs#命令行输入debugfs,回车open -w/dev/sda8#打开文件......
  • 19.3 ADG备库,数据文件SCN不更新(Bug: 29056767),导致备库异常重启后,需要重新apply很久
    故障现象:一套19.3ADG备库,备库安装完集群补丁重启后,发现需要重新apply很久以前的归档日志。分析过程:1、备库安装完补丁后,启动备库的日志恢复功能,在启动过程中报错,详细的日志如下所示。2024-04-16T18:34:40.895637+08:00BeginningStandbyCrashRecovery. Startedlogm......
  • Matlab用BUGS马尔可夫区制转换Markov switching随机波动率SV模型、序列蒙特卡罗SMC、M
    原文链接:http://tecdat.cn/?p=24498原文出处:拓端数据部落公众号在这个例子中,我们考虑马尔可夫转换随机波动率模型。统计模型让  是因变量和  未观察到的对数波动率 .随机波动率模型定义如下 区制变量  遵循具有转移概率的二态马尔可夫过程 表示均值的正态分布......
  • 完美国际单机debug版本
    完美国际单机debug版本更新版本号:无下载地址:https://files.cnblogs.com/files/xe2011/debug_wmGj.rar 说明这只能用在个人单机版本的游戏上使用,不能在官方完美世界,完美世界2上使用  联系方式微信:roman_2015 【更新记录】2024年1月28日15:14:33[*]修复了城战会掉......
  • pip debug —— 查看当前版本的python解释器支持的wheel包类型
    在pip安装依赖时,我们可能会遇到依赖包无法下载成功的情况解决办法:去寻找对应版本的wheel包下载到本地搜寻wheel包网址:以python-ladp为例格式示例:python_ldap-2.5.1-cp27-cp27m-win32.whl2.5.1代表版本号cp27代表支持python27版本win32代表支持系统位数可以通过pipdeb......
  • bugku_ez_java_serializd
    下载附件看到依赖CC3.1,没有waf,直接CC5打了。packagecom.eddiemurphy;importorg.apache.commons.collections.Transformer;importorg.apache.commons.collections.functors.ChainedTransformer;importorg.apache.commons.collections.functors.ConstantTransformer;impo......
  • QA人员发现bug,但是前后端开发都说自己没有问题,你怎么处理?
    详细分析Bug报告:首先,仔细分析QA人员提供的Bug报告。确保报告中包含足够的信息,例如Bug的复现步骤、环境信息、错误消息等。再次检查代码:请前后端开发团队成员再次检查他们的代码,尤其是与Bug相关的部分。有时候开发人员可能会忽略一些细微的问题或者特定情况下的异常情况。......
  • delphi 2006中,使用stdcall调用约定时,压缩结构参数的bug分析
    问题今天遇到一个很奇怪的问题,有一个dephi2006写的dll,使用了stdcall的调用约定,参数传递了结构体,在函数中收到的结构体值和传入的不一致,最后一个boolean类型,应为False,收到的是True,如下图:代码//结构体定义RStruct=packedrecordi1:Integer;i2:Integer;i3:I......
  • Stegsolve有bug: 只支持32/24bit真彩色, 解析灰度图像有问题(附排查过程)
    结论:如题目所示。切勿直接相信它对灰度图像的解析 发现过程:在给学生排查毕设代码的时候,发现明明只改了0-3四个位平面,但用Stegsolve观察的时候发现连红色通道的6号位平面都出现相似的条纹了。排查的过程:首先怀疑代码哪里写错,毕竟 Stegsolve是个用得挺多的工具,......