基于ID、vue和firebase的动态路由问题

我有一个导航菜单，其中列出了大量的工作表，您可以添加或删除工作表。因此，当我单击一个项目（图纸）时，我想访问它，因此基本上我想访问带有图纸ID的管线，以便进行更改。现在我的路线如下所示：

const routes = [
  
  { path: '/:id', name: 'singleSheet', component: singleSheet },
];

在我的工作表中。vue我在列出我的工作表的地方得到了一个v形标记

  <v-card
          class="mx-auto pa-3 ma-2 text-center"
          max-width="400"
          v-for="todo in filteredTodos"
          :key="todo.id"
          @click="doSomething()"
        >
          <v-card-text>
            <router-link v-bind:to="'/'+todo.id">{{ todo.name }}</router-link>

            <v-btn icon color="red" class="ml-15" @click="deleteItem(todo.id)">
              <v-icon>mdi-delete</v-icon>
            </v-btn>
          </v-card-text>
        </v-card>

{{todo.name}}
mdi删除

因此，您可以看到，当我单击工作表的名称时，有一个到“/”+todo.id的路由器链接

例如，我得到的是：http://localhost:8080/5ynxSb1El4yPNuBZ4HpK

但是我的路线没有改变，所以我的意思是，我的singleSheet.vue没有显示（这应该是因为在我的路线中将它们链接在一起（如您所见）

我应该怎么做才能访问每张图纸

---

谢谢。

您的路由器是否有更多遵循相同模式的路由分配给它，并且在斜杠后只有一个参数，例如

/home

？如果是，vue路由器不知道该做什么，并且不显示任何组件。

您的路由器是否有更多遵循相同模式的路由分配给它，并且只有一个参数斜杠后面的ent，如

/home

？如果是这样，vue路由器不知道该做什么，也不显示任何组件。

您好，我的路由如下所示：const routes=[{path:'/'，name:'App'，component:App，}，{path:'/todo/:index'，name:'singleSheet'，component:singleSheet}，]；您好，我的路由看起来就像这样：const routes=[{path:'/'，name:'App'，component:App，}，{path:'/todo/:index'，name:'singleSheet'，component:singleSheet}，]；