@Yasuro

Как динамически импортировать модуль vue.js?

Здравствуйте.
Название модуля мне надо получить из props.
Я сделал так и это работает:

<template>
  <div>
    <component :is="componentLoader" :parent="response.parent"></component>
  </div>
</template>


<script>
export default {
  props: ["response"],

  computed: {
    componentLoader() {
      this.response; //Если я вызову response тут...
      return () => {
        this.parent = this.response.tempParam; // то здесь я смогу получить доступ к tempParam, в противном случае получается undefined
        return import("./response/" + this.parent);
      };
    }
  }
};
</script>>

<style scoped>
</style>


Но проблема в том, что this.parent я хардкожу, а хочется его получать из response. Если я делаю так: this.response.parent , то я получаю undefined.
Если вы предложите другую реализацию, я буду рад.
Использую webPack.

p.s https://codeshare.io/5zeNkD
  • Вопрос задан
  • 126 просмотров
Решения вопроса 1
@HeTpe3B
new Vue({
  // ...
  components: {
    'my-component': () => import('./my-async-component')
  }
})

https://vuejs.org/v2/guide/components-dynamic-asyn...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы