Vue.js 如何在nuxt.js中使用v-if进行条件渲染

我有一个显示公司及其文档的应用程序。
如果没有选择应用程序，我想显示主标题；如果选择了应用程序，我想显示应用程序的内容并删除主标题

文档管理员
从“vuex”导入{mapGetters}
导出默认值{
数据（）{
返回{
显示的文档：false
}
},
计算：{
…映射器（['applications'、'selectedApp'、'documentations'、'selectedDoc']））
},
异步装入（）{
等待此消息。$store.dispatch（'getApplications'，'getDocumentations'））
},
方法：{
选择应用程序（id）{
此.$store.dispatch（'selectedApp'，id）
this.docsappdisplated=true
}
}
}

我不知道为什么我的方法不起作用。请给我一个主意？

---

我指定我有一个边栏，返回我的公司名称，当我点击它时，我可以访问他们的文档。我的问题只涉及（徽标+标题）或我的文档卡的显示。

您的组件似乎从未调用过这一点

选择应用程序（id）{
此.$store.dispatch（'selectedApp'，id）
this.docsappdisplated=true
}

id

来自哪里？它是一个路由参数，比如

https://example.com/myroute/1234

其中

1234

是

id

？在对代码了解不多的情况下，我猜，您希望执行以下操作：

导出默认值{
数据（）{
返回{
显示的文档：false
}
},
计算：{
…映射器（['applications'、'selectedApp'、'documentations'、'selectedDoc']））
},
异步装入（）{
等待此消息。$store.dispatch（'getApplications'，'getDocumentations'））
选择应用程序（this.$route.params.id）//最大的变化
},
方法：{
选择应用程序（id）{
此.$store.dispatch（'selectedApp'，id）
this.docsappdisplated=true
}
}
}

您可能还需要将

v-else

添加到

div

包装

文档管理员

这似乎永远不会被您的组件调用

选择应用程序（id）{
此.$store.dispatch（'selectedApp'，id）
this.docsappdisplated=true
}

id

来自哪里？它是一个路由参数，比如

https://example.com/myroute/1234

其中

1234

是

id

？在对代码了解不多的情况下，我猜，您希望执行以下操作：

导出默认值{
数据（）{
返回{
显示的文档：false
}
},
计算：{
…映射器（['applications'、'selectedApp'、'documentations'、'selectedDoc']））
},
异步装入（）{
等待此消息。$store.dispatch（'getApplications'，'getDocumentations'））
选择应用程序（this.$route.params.id）//最大的变化
},
方法：{
选择应用程序（id）{
此.$store.dispatch（'selectedApp'，id）
this.docsappdisplated=true
}
}
}

您可能还需要将

v-else

添加到

div

包装

文档管理员