如何在 Vue JS 中使用外部数组

Question

我一直在尝试在我的 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)

感谢任何帮助。

Answer 1

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

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

或者，这也可以：

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