vue.js怎么添加图片

vue.js添加图片的方法：

方法一：

图片通过后端返回引入网络图片路径即可。

            <div class="banner-item"
              :style="{'background&#39<span style="color:transparent">来源gaodai#ma#com搞*代#码网</span>;: `url(${$base.urlImage}${item.shufflingUrl})`,'background-size':'cover'}"
                 ></div>

方法二：

通过require引入图片

  <script>
      export default {
          data() {
              return {
                  imgUrl: {
                      src: require('../assets/images/index/banner.png-600'),
                  }
              }
          }
      }
  </script>

  <script>
      require oBanner from '../assets/images/index/banner.png-600'
      export default {
          data() {
              return {
                  imgUrl: {
                      src: oBanner,
                  }
              }
          }
      }
  </script>

以上就是vue.js怎么添加图片的详细内容，更多请关注gaodaima搞代码网其它相关文章！

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue.js怎么添加图片

Hi，您需要填写昵称和邮箱！