Как создать bind img src в vuejs, потому что это будет загружено в AEM - PullRequest
Новая
       7

Как создать bind img src в vuejs, потому что это будет загружено в AEM

0 голосов
/ 03 ноября 2019

Здравствуйте, я планирую привязать мой 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)
    }
  }`
...