我使用vue cli生成了一个项目.我看到project有一个应用程序.vue是应用程序的主要布局——如果我没弄错的话.在这里,我把我的基本HTML布局和<router-view></router-view>.现在的问题是,我需要完全不同的登录布局(不同的包装,身体有不同的类),但我不能改变它,因为应用程序.vue有一个模板,作为一个布局有点"固定".如何处理这个问题?有推荐的方法吗?

我应该创建代表布局的新组件吗?这样的话,我的应用程序.vue模板只有<router-view></router-view>个,然后是LoginLayout.vue会包括在其中吗?

推荐答案

我想我找到了解决办法.该方法的App.vue只包含<router-view></router-view>个,然后包含代表布局的不同组件(如果需要,包含<router-view>和子 routine ).我发现一个项目就是这样使用它的.

我认为这能让事情更干净、更有条理.依我看,隐藏所有定义布局 struct 的元素(所有div)太麻烦了——尤其是对于更大的应用程序.

Vue.js相关问答推荐

Vue CDN的html工作,但v—如果不工作

Visual Studio代码中的VUE/VLAR扩展不断崩溃:JS/TS语言服务立即崩溃5次…

在预渲染模式下部署 nuxt 3 时出错

Nuxt3 / Vue3 - 当属性更改时如何动态更改渲染组件?

vuex 未知动作类型:addTodo

如何使用 async/await 在 vue js 中添加标头

查找未销毁的 Vue 组件

Vue.js 开发工具未显示

VueJS 插件的如何react式绑定?

判断 vue-router.beforeEach 不限制对路由的访问

使用 vue-cli 遇到无法推断解析器错误

错误:您可能需要额外的加载器来处理这些加载器的结果.

VueJS 组件中的图像未加载

VueJS 禁用特定属性的react性

Vuetify - 如何在 v-data-table 中单击时突出显示行

错误 [ERR_UNSUPPORTED_ESM_URL_SCHEME]:默认 ESM 加载器仅支持文件和数据 URL - Vue 3

vuetify:以编程方式显示对话框

基本 vue.js 2 和 vue-resource http 获取变量赋值

如何在 JEST 测试中模拟全局 Vue.js 变量

emit更新数组不起作用