如何在一个URL上使用不同的页面视图？

Question

例如：我有一个类似/ content / supercontenturl /的网址。如果此内容类型是视频（在我的数据库中为参数），则将在页面和其他组件上显示视频播放器，但是如果内容类型是文本或其他，则我想使用此内容加载特定的page.vue自己的组件，但网址必须相同-/ content / supercontenturl /

我的结构页面：

index.vue
    /content/
        /_supercontenturl/
        _id.vue // The page for video 
        _id_text.vue // The page for text
        ...          // Other pages 
    index.vue

Answer 1

您应该在nuxt中记住Pages目录内的所有vue文件都是组件check the guide，您在其中添加的每个文件或目录都会创建路由。

满足您需求的简单方法是将视频页面和内容页面以适当的名称放置在components目录中。在页面中创建一个新文件，它将在脚本中包含数据调用，而模板将包含组件选择器，您可以使用v-if或dinamic components加载正确的组件。并通过道具传递数据。