zoukankan      html  css  js  c++  java
  • vue如何引入图片地址

    我们在用vue时储存图片时,一般把图片放在两种文件下,一个是static文件夹下,另外一个是assets文件夹下。

    下面总体说一下这两个的区别及正确的引用方式:

      static是放不会变动的图片(或文件),assets下放会变动或者可能会变动的图片(或文件)。

      情况一:在html结构中直接引入src地址时可以用绝对路径的形式引用,如下:

      

      

      情况二:在src路径以变量的形式定义引用,static和assets下文件引用将会有一定的差异,如下:

      

      这种情况下,static下的图片可以用之前的绝对路径形式引入,并能成功展示在页面上;但assets下的图片则无法展示,因为webpack会将图片当做模块来引入,所以在js中需要用require将图片引进来。

  • 相关阅读:
    无缝滚动轮播图
    angular 1.6指令与服务
    angular 1.6路由
    javascript 对象
    JavaScript的运算符
    初识JavaScript!
    git常用命令(二)文字版
    CSS水平垂直居中
    收藏的一些牛逼博客
    html5 学习汇总
  • 原文地址:https://www.cnblogs.com/a-cat/p/8625612.html
Copyright © 2011-2022 走看看