[解决方案] VUE.js 在脚本中加载 包含参数 的 本地图片

本文介绍了如何在Vue.js中解决在脚本中加载包含参数的本地图片的问题。由于require.js的限制,Vue.js原生不支持此类加载,但通过将函数放在computed属性下,并设置根目录,可以动态计算并找到所需图片。详细步骤包括:1) 使用computed创建动态计算的函数;2) 定义根目录以查找图片;3) 在模板中调用该函数并将结果赋值给图片路径。
摘要由CSDN通过智能技术生成

忙里偷闲,希望能帮到有需要的人

基础知识:
1,VUE.js 在 脚本中加载本地图片路径的时候需要用 require,但在html标签中设定则不需要;
2,VUE.js 原则上不支持加载 包含参数的 本地图片 路径,即使使用require仍然会报错,这是因为require.js的特性问题;
3,很多情况下,我们需要从数据库取数据然后编译,其中也包括图片。一般情况下,除了网络图片的URL,二进制形式的图片外,还可能包含本地图片路径。

具体操作:

<template>
  <img :src="imgA"/>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值