vue中在data里引入相对路径的方法_vue data里直接写相对路径-程序员宅基地

技术标签： vue.js

问题

在项目的HTML中引入图片的相对路径，这样写是能找到图片显示出来的：

<img src="../../../static/img/step-ongoing.png">

但图片太多感觉太乱了了，想在data中通过变量统一管理。这时发现如果直接在data中这样写图片是找不到的：

<img :src="stepOngoing">

data()  {
	return {
		stepOngoing: '../../../static/img/step-ongoing.png',
	}
}

解决

发现只有这么写才行，require内部引入：

data()  {
	return {
		stepOnGoing: require('../../../static/img/step-ongoing.png'),
	}
}

或者用import 在外部引入：

import stepOnGoing_src from '../../../static/img/step-ongoing.png'

data()  {
	return {
		stepOnGoing: stepOnGoing_src,
	}
}

本文链接：https://blog.csdn.net/zouyi_888/article/details/107310753

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

排队论模型（二）：生灭过程、 M / M /s 等待制排队模型、多服务台模型_排队论多服务台排队模型-程序员宅基地

文章浏览阅读5.5w次，点赞63次，收藏330次。排队论模型（一）：基本概念、输入过程与服务时间的常用概率分布排队论模型（二）：生灭过程、 M / M /s 等待制排队模型、多服务台模型排队论模型（三）：M / M / s/ s 损失制排队模型排队论模型（四）：M / M / s 混合制排队模型排队论模型（五）：有限源排队模型、服务率或到达率依赖状态的排队模型排队论模型（六）：非生灭过程排队模型、爱尔朗（Erlang）排队..._排队论多服务台排队模型

VScode执行npm run build出错_vscode npm build unknown command: "build-程序员宅基地

文章浏览阅读1.7k次。本人属于刚入门编程的一枚小白，用vscode执行npm run build时，出现以下错误，但是之前我使用这个命令时是可以正常编译的，网上查了很多解决办法，有的说是端口占用，有的说是8080，我将相应端口的程序kill后没有解决问题，还有的说是80端口占用，但是我并没有找到相关端口占用的问题。首先出现问题的截图如下图： ![在这里插入图片描述](https://img-blog.csd..._vscode npm build unknown command: "build

简单的安卓小项目 Android studio stopwatch 时间从小到大的秒表_android studio秒表-程序员宅基地

文章浏览阅读1k次，点赞6次，收藏15次。activity_stopwatch.xml<?xml version="1.0" encoding="utf-8"?><RelativeLayout ="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto..._android studio秒表

5GC 网元介绍（AMF、SMF、UPF、UDM、PCF）_5g smf-程序员宅基地

文章浏览阅读1.9w次，点赞9次，收藏89次。5GC 网元介绍（AMF、SMF、UPF、PCF、UDM）_5g smf

Ubuntu18.0.4仿Mac界面_linux仿苹果电脑窗口移动变形效果-程序员宅基地

文章浏览阅读1.6w次，点赞6次，收藏44次。安装完的效果：参考：https://linuxhint.com/gnome-tweak-tool-ubuntu-17-10/————————————————————————————————————————————————————下面正式开始————————————————————————————————————————————————————要安装主题，首先要先安装相应的工具：TweakToo..._linux仿苹果电脑窗口移动变形效果

多线程编程？聊聊并发的背后知识_线程并行锁总线-程序员宅基地

文章浏览阅读679次。一、现代计算机理论模型与工作方式现代计算机模型是基于-冯诺依曼计算机模型。计算机在运行时，先从内存中取出第一条指令，通过控制器的译码，按指令的要求，从存储器中取出数据进行指定的运算和逻辑操作等加工，然后再按地址把结果送到内存中去。接下来，再取出第二条指令，在控制器的指挥下完成规定操作。依此进行下去，直至遇到停止指令。程序与数据一样存储，按程序编排的顺序，一步一步地取出指令，自动地完成指令规定的操作是计算机最基本的工作模型。这一原理最初是由美籍匈牙利数学家冯.诺依曼于1945年提出来的，故称为冯.诺依_线程并行锁总线

随便推点

服务器搭建网站完整教程(宝塔面板+wordpress)_宝塔服务器搭建网站教程-程序员宅基地

文章浏览阅读7.9k次，点赞28次，收藏135次。宝塔面板添加WordPress站点一、建站准备条件条件1：阿里云服务器一台。原则上有台服务器就好了，不过我一般喜欢用大品牌，稳定和安全。条件2：阿里云域名一个。在哪家买的服务器，就用哪家的域名，反之，一样。对了，你还需要进行下域名备案，否则，域名没办法访问站点。可以参考下：买了域名一定要备案吗？条件3：服务器安装宝塔面板环境。宝塔面板，确实好用，帮我节省了不少精力和时间。关于云服务器怎么安装宝塔面板，可以参考教程：基于阿里云服务器搭建宝塔面板教程最全详解（图文）条件4：wordpress._宝塔服务器搭建网站教程