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

2022-02-16  本文已影响0人  酷酷的凯先生

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

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

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

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

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

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

export default {
    layout: "testTemplate"
}

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

上一篇下一篇

猜你喜欢

热点阅读