首页 > vue引入图片路径的三种主要方法

vue引入图片路径的三种主要方法

 

 

1、在js代码里面 或者 html里面用"v-bind:"或":属性名"绑定路径的时候使用

require('@/assets/home/imgName.png')

2、在css或者scss或者html里面的src中引入图片使用（注意如果是:src=后面用第1种方式引入路径）

~@/assets/components/imgName.svg

3、正常引入静态图片路径

情况一，在html里面的用下面代码

scr='static/img/v-html/imgName.jpg'

情况二，在scss里面的background-image:url(路径)用下面的，注意static前面多了/

background-image: url(/static/img/v-html/imgName.jpg)

更多相关：

  • python绝对路径的区别_python学习：绝对路径和相对路径

    大牛们应该对路径都很了解了，这篇文章主要给像我这样的入门小白普及常识用的，啊哈下面的路径介绍针对windows，其他平台的暂时不是很了解。在编写的py文件中打开文件的时候经常见到下面其中路径的表达方式：open('aaa.txt')open('/data/bbb.txt')open('D:\user\ccc.txt')这三种表达式...

  • c++ 工作路径介绍及获取

    1）绝对路径：绝对路径是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。例如：C:windowssystem32cmd.exe  注意： 在不同系统的情况系 windows下是“”，linux和unix下是“/” ，但在win中没有本质区别。linux和unix系统中绝对路径 以“/”为起始 例：/home/us...

  • 修改IDEA运行jsp文件的时候浏览器地址栏的虚拟访问路径网址

        最终运行效果 当然，这个Application context路径可以直接删掉不需要最终访问路径就会变成http://localhost:8080/...

  • 地图收敛心得170405

    寻路算法大总结! 交换机生成树采用的是完全不同的D-V(distance vector)距离矢量算法,并不是很可靠. 并不是任意两点之间的最短路径,因为任意两点之间取最短路径可能有环路:总权更大 交换机STP不一定是最小生成树!!!举例论证 因为它只是所有交换机到根桥最短 贪心算法的味...

  • 使用相对路径时，./、../、../../,代表的什么？

    ./ 当前目录。../ 父级目录。/ 根目录。  举个栗子： 页面引入js、css等文件：   1.如果about.jsp页面想引入common.css文件：   以about.jsp为基点寻找  直到  和static文件在同一级； 2.如果引入的外部css、js文件又引入image等时： 举个栗子： about.css中还引入了i...

  • 【烦人的问题】有一天发现VSCode中自己的鼠标选择老是跨行选择多段代码，怎么都改不回来，而且用alt+shift+鼠标都无法切

    选择-去掉“列选择模式”前面的✔  ...

  • 在Ubuntu 14.04 64bit上编译并研究State Threads网络线程库源码

    下面是在Ubuntu 14.04 64bit上面的实操记录：...

  • unity android 集成指南

    原地址：http://blog.csdn.net/alking_sun/article/details/36175187 1.安卓层开发并暴露接口。 launcher activity(以下称为UnityActivity)最好要继承com.unity3d.player.UnityPlayerActivityUnityActivit...

  • 替代微软SMS的好工具——Lansweeper

    lansweeper安装及使用指南 一、 软件介绍 Lansweeper是一款可以实现对WINDOWS网络里面的计算机软件、硬件以及与资产管理相关的信息收集，功能有点类似于微软的SMS（现在最新版本叫做SCOM 2007），与微软产品有所不同的是，它是免费的，占用资源少，并且不内嵌任何广告。 同时无需安装客户端，所有信息收集完全依...

©2024 11GX.COM