【问题标题】:How to use an external array in Vue JS如何在 Vue JS 中使用外部数组
【发布时间】:2022-01-22 18:24:09
【问题描述】:

我一直在尝试在我的 VueJs 代码中使用外部数组,但我遇到了问题

这是我的代码:

import iconsData from 'components/iconsData.js';
  export default{
    data(){
      return{
        activeIcon: '',
        icons : iconsData
      }
    },
    methods: {
      consoleIcons(){
        console.log(this.icons)
      }
    }
  }

iconsData.js 是:


export const iconsData = [
   {"name": "material-icons"},
   {"name": "eva-icons"},
]

但我得到的只是一个警告:


export 'default' (imported as 'iconsData') was not found in 'components/iconsData.js' (possible exports: iconsData)

感谢任何帮助。

【问题讨论】:

标签: javascript arrays vue.js vue-component


【解决方案1】:

错误与导入有关。目前,iconsData.js 导出一个对象 { iconsData: [...] }。因此,您需要更具体地了解您要导入的具体内容:

import { iconsData } from 'components/iconsData.js';

或者,这也可以:

export default [
   {"name": "material-icons"},
   {"name": "eva-icons"},
]

【讨论】:

  • 正如目前所写,您的答案尚不清楚。请edit 添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center
猜你喜欢
  • 2018-02-12
  • 2019-03-27
  • 2018-11-14
  • 1970-01-01
  • 2018-06-16
  • 2021-03-27
  • 2017-05-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多