如何在 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"},
]

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

How to use an external array in Vue JS

javascript

arrays

vue.js

vue-component