时间戳

首页 > 解决方案 > 如何在 vuejs 中创建绑定 img src，因为这将上传到 AEM

vue.js - 如何在 vuejs 中创建绑定 img src，因为这将上传到 AEM

问题描述

您好，我正计划将我的 img src 绑定到一个动态的，以便它可以编辑，因为它将来自 AEM。目前我正在使用图像资产在我的本地测试它第 1 行是静态数据并且它正在工作但是当它来自道具或初始化数据时它不起作用我的初始化数据是一个对象第 2 行它不起作用我发现有些在互联网上，但不知道如何编辑它，因为在 AEM 上，路径会有所不同，而不是资产。我想就如何编辑该方法寻求帮助，以便它可以在本地资产和 aem 上工作

下面的初始化数据

  "serviceRequestReconnectComponent": {
          "reconnectActiveLogo": "../../../assets/images/Reconnect_linewhite2x.png",
          "reconnectInactiveLogo": "../../../assets/images/Reconnect_line2x.png",
          "reconnectImageText": "Reconnect Mobile Line",
    }

1号线 <img v-else src="../../../assets/images/Reconnect_linewhite2x.png" />

第 2 行（使用道具）

<img v-else :src="serviceRequestReconnectComponent.reconnectInactiveLogo" />

Vue.js 动态图像不起作用

` methods: {
    resolve_img_url: function (path) {
      let images = require.context('../assets/', false, /\.png$|\.jpg$/)
      return images("./"+path)
    }
  }`

标签： vue.jsvue-component

解决方案

推荐阅读