vue.js - 即使相应记录未更改,组件也会重新渲染 - Vue JS,Vuex ORM
问题描述
我在 Vue JS 上有一个应用程序,它通过 WebSocket 从服务器接收数据并呈现更改。我正在使用 Vuex ORM 来定义商店中的实体。我面临的问题是,如果收到对 id 为 1 的记录有更改的更新,则为 id 为 2 的记录呈现的组件将被重新呈现(原则上不应该因为它是绑定到未更新)。
我的组件看起来像这样,
<UserDetail :userId="userId" :key="userId" />
在组件内部,有一个如下所示的计算属性
computed: {
User(){ // User property is attached to the UI
return UserEntity.find(this.userId);
}
}
UserEntity 的结构很简单,它有五个数据字段,并且与任何其他实体没有关系。只要连接的 WebSocket 有更新,就会添加 UserEntity 中的数据。
我尝试向组件添加一个 :key ,因为我读到该键控制组件的呈现行为,但这不起作用。
期待任何帮助!
解决方案
推荐阅读
- java - Dagger 2 - 如果没有 @Provides-annotated 方法就无法提供
- html - 双色背景显示两列
- visual-studio - 无法安装nuget包
- spring-boot - 通过Vue axios将数据作为对象发布到spring后端服务器
- javascript - 从窗口或本地存储访问对象,哪个性能更高?
- c# - 如何在 ASP.NET MVC 和 C# 中创建 JSON Web 签名 (JWS)
- flutter - Flutter/dart 将整个部分 OFFSCREEN 小部件捕获为图像
- qt - 在 X 上运行的 Qt5 程序可以禁用最小化和关闭吗?
- php - 从 DateTime Diff 获取剩余天数
- typescript - 如何获取键值数组中的键值