vuejs3 - 如何在不手动刷新页面的情况下使用 vue 3 composition api 观看和检索 param 的 id 查询数据

Question

我有 2 个按钮，一个用于饮料，一个用于食物

两个按钮都在同一个 url 路由上

但是，当我单击其中任何一个时，我会收到一个带有参数的 id 发送到相同的 url，但是随着 id 的更改，会有一个字符串更改，所以我执行了一个 for 循环，我再次获取了这个新数据，但是它们没有显示由他们自己完成，因为需要一个观察参数查询的观察者或者他们需要手动刷新，我该如何为此申请一个观察者

我检查了您的课程，但没有看到我如何从后端获取数据

模板

传递项目路线ID

<div v-if="documents">

<div v-for=" doc in formattedDocuments" :key="doc.id">

<router-link class="links" :to="{name:'B2DetailsEN', params: {id:doc.id} } ">

looping through an array in the id

<div v-for="item in cate.items" :key="item.id">

<h1>{{item.title}}

{{item.price}}

</h1>

</div>

</div>

获取可组合的文档，从 firebase 获取所有数据

设置

const { error4, document:cate } = getDocument('menuB2En', route.params.id)

标签： vuejs3