vue-js-modal проблема с загрузкой изображений - PullRequest
Новая
       10

vue-js-modal проблема с загрузкой изображений

0 голосов
/ 22 февраля 2019

Я работал над модалом, который сделан с Vue-modal-js .Тем не менее, кажется, что при создании вашего собственного модального модуля возникает проблема с загрузкой.

Похоже, что это должно работать, поскольку в примерах есть реальная ссылка на изображение, но консоль постоянно говорит мне, что есть «неопределенный путь» (см .: Изображение здесь )

Вот код модального шаблона: 

<template>
  <modal
    name="modal-newreminder"
    :classes="['v--modal', 'vue-newreminder', 'this.params.class']"
    :clickToClose="clickToClose"
    @before-open="beforeOpen">
      <div
      class="dialog-content">
          <h3
            class="modal-content-title-modal"
            v-if="this.params.title"
            v-html="this.params.title || 'placeholder, create a title:'">
          </h3>
          <p
            class="modal-content-text-modal"
            v-if="this.params.text"
            v-html="this.params.text || 'placeholder, create a text:'">
          </p>
      </div>

      <img :src=" require(`@/assets/images/${params.img}`) " />

    </div>
  </modal>
</template>

<script>

export default {
  name: 'ModalNewReminder',
  props: {
    clickToClose: {
      type: Boolean,
      default: true
    }
  },
  data () {
    return {
      params: {}
    }
  },
  methods: {
    beforeOpen(e) {
      console.log(e.params.img);
      this.params = e.params;
    }
  }
}
</script>

(Параметры - это в основном то, что связывает одну часть ссылки с другой, своего рода диалог, если вы когда-либо работали с этим)

...