Vue.js 在Nuxt.js中使用不同布局时组件Vue2谷歌地图错误

我正在用Nuxt.js构建一个简单的CRUD应用程序。用于索引页。需要使用vue2谷歌地图显示谷歌地图

它通过刷新或在同一布局上布线来工作。 但它不起作用，（谷歌地图出现错误） 如果我访问索引页面，其中包含来自具有不同布局的页面的地图组件

文件夹结构

布局/默认值，寄存器 页面/索引、用户、登录、注册

索引，用户默认布局 注册，注册-注册布局

只需刷新索引url即可访问url。 但它不能从登录页面工作，因为登录页面和索引页面的布局不同。 我尝试将登录页面的布局更改为默认，然后它就可以工作了

index.vue

<template>
  <v-layout>
    <v-flex>
      <GmapMap :center="center" :zoom="7" style="width:100%; height: 80vh;">
      </GmapMap>
....

....
export default {
  **layout: 'register',**
  data: () => ({
    name: '',
    email: '',
    password: '',
    role: '',
....