美文网首页
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