V-for不适用于模板中的动态数据

我的模板如下:

 <ul id="example-1">
        <li v-for="item in getMenus" :key="item.id">
          {{ item.name }}
        </li>
      </ul>

methods:{
 async getMenus() {
      this.$axios.setHeader('Content-Type', 'application/json', ['get'])
      this.$axios.setHeader(
        'Authorization',
        'Bearer ' + this.$store.state.auth.Token
      )

      const roleId = this.$store.state.auth.role.roleId
      const url = `/role/${roleId}/menu`
      let data = ''
      // eslint-disable-next-line vue/no-async-in-computed-properties
      const pal = await this.$axios
        .$get(url, JSON.stringify(roleId))
        .then(function(resp) {
          data = resp.data
        })
      if (pal) {
        // eslint-disable-next-line no-console
        console.log('hi')
      }
      return data
    }

} }

上面提到的是我的代码。我检查了api的重试数据。如果我直接将我的数据作为经过编码的值,那么它将起作用,如果我使用api,则它将不起作用。我期待dinto控制台也很清楚。我是vue的新手。任何帮助将不胜感激。