Отображение изображения в Vue CLI 3 с использованием v-html - PullRequest
Новая
       15

Отображение изображения в Vue CLI 3 с использованием v-html

0 голосов
/ 07 июня 2019

Быстрый вопрос, но попробовал несколько способов отобразить изображение earth.png , используя директиву v-html или заставить css применить его к / vue-cli-3 scaffolded project: 

<template>
  <div class="container">
    <div v-html="pageSubHeading"></div>
    <b-img :src="imgSrc" class="planet"></b-img>
  </div>
</template>

data() {
    return {
      imgSrc: require("@/assets/moon.png"),
      pageSubHeading:
        "<h2>Welc<img src='/src/assets/earth.png' alt=''>me To The Planets App</h2>"
    };
  }

<style scoped>
h2 {
  font-size: 2.5rem;
  position: relative;
  color: rgba(242, 202, 39, 0.609);
  margin-bottom: 40px;
  font-weight: 600;
}
</style>

Пробовал относительный, абсолютный, тильда, @ / assets и т. Д., Но ни один не отображал изображение.Кто-нибудь знает, как получить веб-пакет для загрузки этого изображения, а также заставить CSS применить html ?.Спасибо

...