weixin_43185419的博客

KeepAlive 默认会缓存内部的所有组件实例会根据组件的 name 选项进行匹配，所以组件如果想要条件性地被 KeepAlive 缓存，就必须显式声明一个 name 选项。如本文案例，将文件名称修改为Flow.vue，keepalive生效。在 3.2.34 或以上的版本中，使用 <script setup> 的单文件组件会自动根据文件名生成对应的 name 选项，无需再手动声明。但实际keepAlive功能失效。当前vue3项目为选项式API时，可以通过以下方式在页面组件中需要添加 name。

问题复现：一开始在vue移动端项目中使用的better-scroll滚动条的插件，后面做项目性能优化时，需要对该页面进行缓存。调试过程中发现页面无法滑动，真机测试中则是偶尔能滑动，偶尔不行。问题分析：在使用better-scroll插件中，需要给滚动条设置当前高度，而使用keep-alive缓存页面后，则缺失了刷新滚动条的操作。解决办法：我们可以使用activated生命周期钩子来进行滚动条刷新的操作。关于activated生命周期钩子，在vue.js文档的这个位置：activated生命周期钩子

问题描述：vue项目本地运行时，页面标题前的图标可以正常显示：打包之后却变成了：原因分析：图标丢失打包后路径错误解决方式：图标丢失打开打包文件：可以看到图标还在，所以排除。打包后路径错误打开index文件，查看在当前文件夹下，路径指向的位置是不是错了。比如我这里icon和index.html是放在一块的，路径写成了<link rel="icon" href="../test.ico">指向根目录，打包后放在服务器下运行位置就不对了。改成：

问题描述：已有一个表格拥有添加编辑功能，其中有图片上传这一步。更改图片后，表格中的图片没有改变，但是输出路径查看，图片是已经上传的。问题分析：参考（https://www.jianshu.com/p/50d04fee3aed）因为图片是上传到阿里云，上传后的图片路径不变，Vue默认不重新加载的，因为Vue缓存里已经将其识别为’已加载’的状态。解决办法1：在图片的后面加时间戳this.imageSrc = 图片路径地址 + "?" + new Date().getTime(); 解决办法2：在图片

当前效果为：想要的效果为：以前实现编辑功能是通过scope.row来实现数据回显，在下拉框中都可以正常显示label值。这次第一次使用了table的单选选中后实现编辑功能，使用的是选中时回调的参数val，（标记为multipleSelection），猜测是两种方式回调的数据类型不一致，导致el-select没识别到该值为value。html代码： <el-select placeholder="请选择状态"