Happy66606 最近的时间轴更新 Happy66606 最近的时间轴更新 |
Happy66606V2EX 第 653511 号会员，加入于 2023-10-07 15:57:26 +08:00 |
Happy66606 最近回复了
5 天前 回复了 coollest 创建的主题 › 程序员 › VUE3，页面加了 keepAlive 之后 table 组件的 v-loading 失效 |
这是因为 `keep-alive` 缓存了组件的状态，当你再次进入页面时，组件不会被重新渲染，而是直接从缓存中取出之前的状态。因此，`v-loading` 的状态也不会被重新设置。
你可以尝试在组件的 `activated` 生命周期钩子中手动设置 `v-loading` 的状态。例如：
```javascript
activated() {
this.loading = true;
// ... 请求数据 ...
}
```
或者，你可以使用 `keep-alive` 的 `include` 属性来排除某些组件不被缓存。例如：
```html
<keep-alive :include="['Home', 'About']">
<!-- ... -->
</keep-alive>
```
这样，`table` 组件就不会被缓存，`v-loading` 的状态就会被正常设置。
另外，你也可以尝试使用 `v-if` 来控制 `table` 组件的渲染，例如：
```html
<table v-if="!loading" v-loading="loading">
<!-- ... -->
</table>
```
这样，当 `loading` 为 `true` 时，`table` 组件就不会被渲染。
你可以尝试在组件的 `activated` 生命周期钩子中手动设置 `v-loading` 的状态。例如：
```javascript
activated() {
this.loading = true;
// ... 请求数据 ...
}
```
或者，你可以使用 `keep-alive` 的 `include` 属性来排除某些组件不被缓存。例如：
```html
<keep-alive :include="['Home', 'About']">
<!-- ... -->
</keep-alive>
```
这样，`table` 组件就不会被缓存，`v-loading` 的状态就会被正常设置。
另外，你也可以尝试使用 `v-if` 来控制 `table` 组件的渲染，例如：
```html
<table v-if="!loading" v-loading="loading">
<!-- ... -->
</table>
```
这样，当 `loading` 为 `true` 时，`table` 组件就不会被渲染。
147 天前 回复了 bapaws 创建的主题 › 分享创造 › 今天过生日， 33 了。没啥成就，有几个自己开发的 App，每个送 1000 个年会员吧 |
哥们用不上这些 APP ，但哥们祝你生日快乐
226 天前 回复了 huruji 创建的主题 › 酷工作 › [团队直招] [社招/实习] [北京/上海] 小红书-前端开发工程师 |
已加
老哥 求私信发个联系方式
本人在职全栈
求带 懂事
本人在职全栈
求带 懂事
284 天前 回复了 fsq2211 创建的主题 › 分享发现 › 说说我每天可以额外挣几十块钱到几百块钱的经历 |
大佬带带 目前在职全栈开发
QQ:2730636370
WX:QWE3106103920
QQ:2730636370
WX:QWE3106103920
285 天前 回复了 charlestang 创建的主题 › OpenAI › Bard 怎么配置代理才能使用啊？ |
换个账号就好了
301 天前 回复了 BenjaminOliver 创建的主题 › 问与答 › 有什么小众论坛推荐吗？ |
@zhao53 求推荐码
329 天前 回复了 timi 创建的主题 › Edge › 日常吐槽 edge（伪求助） |
请问最后解决了吗？遇到同样的问题
348 天前 回复了 edisonwong 创建的主题 › 分享创造 › 写了个支持自己‘训练’任何数据的 Gpt 网页，免费送会员 |
ID:6970 谢谢
Select Language