记录 Nuxt3+pinia项目报错 TypeError: Cannot set properties of null (setting nodeValue )

项目场景：

报错内容： 无法设置空的属性 （设置节点值 ） 为什么空呢？nuxt3＋pinia项目

项目场景：点击进入列表详情 刷新详情 页面数据丢失 报错TypeError: Cannot set properties of null (setting nodeValue )

原代码：

点击进入页面后页面：

刷新后页面：内容丢失报错

 

 

 测试后 数据能传到子组件 刷新数据丢失 节点为空？

原因分析：

原因是啥也不知道

---

解决方案：

需要包裹div v-if判断是否 传入子组件 数据存在

例如：

加上v-if=post.id>0 

监听数据 

watch(detailId, () => {
  if (detailId.value && route.name === "/parent-xxxx") {
    getData();
//getData是父组件获得列表详情数据的方法 调用刷新
  }
});

然后正常刷新，发现不需要监听也可以正常刷新 不报错