Question

我一直在研究使用Vue-modal-js制作的模式。但是，在创建自己的自定义模式时似乎存在“加载”问题。

由于示例中有一个实际的图像引用，因此它似乎应该正常工作，但是控制台不断告诉我存在“未定义的路径”（请参阅：Image here）

这是模式模板的代码：

<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>

（参数基本上是将链接的一部分与另一部分联系起来的类型，如果您曾经使用过，则对话框的工作方式也是如此）

vue-js-modal图像加载问题

0 个答案: