美文网首页
Vue SSR 项目 Nuxt.js 框架之《更换视图模板/视图

Vue SSR 项目 Nuxt.js 框架之《更换视图模板/视图

作者: 酷酷的凯先生 | 来源:发表于2022-02-16 19:37 被阅读0次

通常情况下nuxt都是默认使用的是layouts文件夹下default.vue这个模板视图。有时根据业务需求可能某个页面要单使用一个模板,那该如何实现呢?

其实也很简单,只需两步就可以轻松实现,来,看大招:

第一步:在layouts文件夹下创建我们所需的模板视图testTemplate.vue

内容根据需要自行填写,但切莫忘了路由容器 <nuxt />

第二步:在页面中指定使用那个模板视图

在需要指定模板视图的页面写入调用代码,如下:

export default {
    layout: "testTemplate"
}

就是这么神奇,赶紧试试吧 ~~

相关文章

网友评论

      本文标题:Vue SSR 项目 Nuxt.js 框架之《更换视图模板/视图

      本文链接:https://www.haomeiwen.com/subject/veydlrtx.html