vue3.4中KeepAlive的一个bug

news/2024/10/7 12:17:36

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,故而看不到这个现象

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/28287.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

已知前中后序遍历的其中两种推断出最后一种序遍历

已知二叉树后序遍历序列是 dabec,中序遍历序列是debac,它的前序遍历序列是? 方法1: 首先可以确定c为根 d为最左子树 由中序debac 假设b为第2排的子树 那么后序的后两位应该是bc yu本题题目后序不符合 由中序debac 假设e为第2排的字数 那么后序的后两位应该是ec 符合本题题目…

[每日AI0506]巴菲特谈 AI,李飞飞创业,苹果或将推出 AI 功能,ChatGPT 版搜索引擎

AI 资讯苹果或将推出 AI 功能,随 iPhone 发布 2024 年巴菲特股东大会,巴菲特将 AI 类比为核技术 巴菲特股东大会 5 万字实录 消息称 OpenAI 将于 5 月 9 日发布 ChatGPT 版搜索引擎 路透社消息,斯坦福大学 AI 领军人物李飞飞打造“空间智能”创业公司 报道地址 爆款生成式 A…

程序设计题

设计一程序实现功能,处理字符串A,处理规则是:只要B字里面有的字母,不分大小写,一律从A 字符串中删掉。/*************************************************** file name:Pro_StuInfo.c* author :momolyl@126.com* date :2024/05/06* function :设计一程序实…

排查Java反射调用的InvocationTargetExcetion问题

在Java中通过反射调用方法时,常见的一个异常是:java.lang.reflect.InvocationTargetException,将异常信息打印到日志文件中时通常会有如下一句信息:java.lang.reflect.InvocationTargetException: null,由于在异常信息中存在"null",一开始就会非常敏感,会误以…

插入排序

插入排序简单来说 假设数组第一个元素为一个有序序列 然后将后面的无序序列依次与第一个元素比较 更具大小决定待插入元素插入的位置。 、、、 // 插入排序 是吧无序序列中的元素依次插入到有序序列中,一般是从有序序列的尾部开始比较 void InsertSort(int buf[10], int bufsi…

删除字符串中与另一个字符串中的相同字母的自定义函数

#include <stdio.h> /********************************************************************* 函数名称: str_DestDel* 函数功能: 删除一个字符串中与另一个字符串中的相同字母并且不区分大小写* 函数参数:* @strA 需要操作的字符串* @strB 作为参考的字符串…

SwiftUI Text 文字处理

代码// // ContentView.swift // SwiftUIText // // Created by CHEN Hao on 2024/5/6. //import SwiftUIstruct ContentView: View {var body: some View {VStack{Text("Your time is limited, so don’t waste it living someone else’s life. Don’t be trapped by…

情感分词新手实践

Tutorial for Sentiment AnalysisAmazon Full Review 情感分析任务 input: Remark Text output: Sentiment(\(\{-1, 0, 1\}\)) convert to \(\{0, 1, 2\}\) for calculating accuracy Mark: 之前没有用 torch 做过 NLP,因此相当于一个 tutorial 数据准备工作文本分词NLP 需要将…