我一直在嘗試在我的 VueJs 代碼中使用外部陣列，但我遇到了問題
這是我的代碼：
import iconsData from 'components/iconsData.js';
export default{
data(){
return{
activeIcon: '',
icons : iconsData
}
},
methods: {
consoleIcons(){
console.log(this.icons)
}
}
}
iconData.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)
任何幫助表示贊賞。
uj5u.com熱心網友回復：
該錯誤與匯入有關。目前，iconsData.js 匯出一個物件 { iconsData: [...] }。因此，您需要更具體地了解要匯入的內容：
import { iconsData } from 'components/iconsData.js';
或者，這也可以：
export default [
{"name": "material-icons"},
{"name": "eva-icons"},
]
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/388463.html
標籤：javascript 数组 Vue.js Vue 组件