vue.js - 如何使用vuetify使页脚与内容宽度相同？

Question

此代码中的页脚扩展了整个窗口的宽度。我希望它的宽度与 <v-content> 相同

  <v-app>
    <v-navigation-drawer permanent app>
    </v-navigation-drawer>
    <v-content>
      <v-container fluid>
        <router-view></router-view>
      </v-container>
    </v-content>
    <v-footer app>
      <p>&copy;</p>
    </v-footer>
  </v-app>

Answer 1

这是另一个工作示例，只需将 inset 添加到 v-footer

<v-app>
    <v-navigation-drawer permanent app>
    </v-navigation-drawer>
    <v-content>
      <v-container fluid>
        <router-view></router-view>
      </v-container>
    </v-content>
    <v-footer inset app>
      <p>&copy;</p>
    </v-footer>
 </v-app>