[Vue.js] Dinaminis importavimas (ir atvaizdavimas kaip komponentą)

Sveiki. Turiu komponentą, kuris importuoja SVG ikonas.

Šitas kodas veikia puikiai:

<template>
   <footer>
           <FacebookIcon />
   </footer>
</template>

<script>
   import FacebookIcon from '../assets/svg/facebook.svg';

   export default {
       components: {
           [size=2]FacebookIcon[/size][size=2] [/size]
       },
   };
</script>

Bet jei tokių ikonų pvz. 30, toks variantas nepatogus.

Bandžiau daryti tokį variantą:

<template>
   <Icon />
</template>


<script>
   export default {
       props: ['icon'],
       components: {
           Icon: () => this.loadIcon()
       },
       methods: {
           loadIcon() {
               let iconName = this.icon + '.svg';
               return System.import('../assets/svg/'+iconName);
           }
       }
   }
</script>

Bet neveikia. this.icon = undefined.

Kaip jūs pasidarot dinaminius importus?

o tai kur tu jį defininį, kad jis turėtų būti ne undefined?

o tai kur tu jį defininį, kad jis turėtų būti ne undefined?

Man su vue tik pirmi susitikimai. Templeite jis užsettintas, o prie methods - ne. Tai kokiu būdu man eitų jį panaudot?

<template>
   <Icon />
</template>

kurioje čia vietoje jis užsetintas?

siūlyčiau pasiskaityti https://vuejs.org/v2/guide/components-props.html (o dar geriau, pradėt skaityt dokumentaciją nuo pradžių), nes dabar tai toks jausmas, kad tu visiškai nesuvoki, kaip kas veikia, o tiesiog bandai random būdu padaryt, kad veiktų ir tiek :))

<template>
   <Icon />
</template>

 

kurioje čia vietoje jis užsetintas?

 

siūlyčiau pasiskaityti https://vuejs.org/v2...ents-props.html (o dar geriau, pradėt skaityt dokumentaciją nuo pradžių), nes dabar tai toks jausmas, kad tu visiškai nesuvoki, kaip kas veikia, o tiesiog bandai random būdu padaryt, kad veiktų ir tiek :))

Pasimoviau, jis niekur neužsettintas. Man esmė, kad reik staigiai čia ir dabar padaryt, kad veiktų. Aš paskui persiskaitysiu tą dokumentaciją, bet man reikia dabar. Su react'u viskas žymiai paprasčiau.

Kodėl tu nori importuot .sv failus? Nebūtų geriau kaip normaliam hipsteriui susikurt savo font'ą su savo iconom? :D Žodžiu padėkosi vėliau. www.icomoon.io susidedi savo icon'as exportini ir naudoji.