移动端框架vant图片组件本地图片无法使用问题处理

news/2024/7/10 1:08:29 标签: vue, 移动开发

我试了半天发现本地图片就是不行,网络的到时可以。太坑了,官网也不写一下。

解决办法是加个require

<van-image
          round
          width="3rem"
          height="3rem"
          :src="require('@/assets/yanjing.png')"
      />

或者绑定data动态修改

<van-image
          round
          width="3rem"
          height="3rem"
          :src="imgs"
      />

data() {
	return {
		//本地图片资源
		imgs: require("@/assets/yanjing.png"),
	};
},

http://www.niftyadmin.cn/n/490555.html

相关文章

中国科学院计算机网络信息中心考研,中科院计算机网络信息中心考研问答

1、申请推荐免试攻读硕士学位者应具备的条件及申请推荐免试程序&#xff1f;占当年硕士招生计划吗&#xff1f;什么时候复试&#xff1f;答&#xff1a;见7月下旬中心网站上公布的推荐免试招生须知&#xff0c;申请人须取得所在学校的推荐免试资格。占当年硕士招生计划。一般9月…

移动端vant中icon图标和文字不齐解决办法

我在用vant组件图标之后发现与文字对不齐&#xff0c;解决办法就是直接给icon加上属性vertical-align: -10% <van-icon name"gold-coin-o" style"vertical-align: -10%"/>

计算机硬件系统的运算器又称为,2016计算机专业知识:计算机硬件系统(一)...

【导读】为了帮助广大考生更好的备考&#xff0c;中公事业单位考试网提供2016年计算机专业知识《计算机硬件系统(一)》学习&#xff0c;为考生定制计算机基础知识复习计划。一、计算机硬件系统的编成由中央处理器(由运算器和控制器组成&#xff0c;简称CPU)、存储器、输入设备和…

vue-vant开发移动端项目如何在手机上查看效果

首先&#xff0c;启动项目&#xff0c;npm run serve 然后看一下有没有Network这一条&#xff0c;如果有&#xff0c;那就直接把这个网址在手机上找个浏览器输入就可以看到了。 如果你是更改过启动项&#xff0c;用的是“npm run dev”&#xff0c;则在“dev”中添加 --host 1…

vue项目如何点击跳转到第三方页面

大家都知道传统的跳转路由就是点击后通过this.$router.push()来跳转。但是需要跳转第三方链接除了用a标签之外&#xff0c;如果需要在点击事件内完成跳转怎么做呢。 很简单&#xff0c;用window.location.herf就可以了 注意&#xff1a;网址前面要加http或者https之类的&#…

云服务器ftp登陆框弹出后无法登陆,FTP无法登陆的解决方法

1.有可能是网络不通造成。PING下或者直接TELNET连接服务器21端口就可以。2.有可能是你使用了被动模式&#xff0c;有些网络情况如果使用被动模式就无法连FTP接到空间&#xff0c;这么就需要在FTP工具中把连接模式改为主动模式。FTP能登陆,但无法上传的原因和解决办法&#xff1…

vue项目中实现价格被横线划掉,折扣价效果

效果图 代码 横线划掉效果就是用到了css的一句代码&#xff1a;text-decoration: line-through; 其他颜色大小是自己改的。 <p class"usa">&#xffe5;499.00<spanstyle"text-decoration: line-through;font-size: 12px;color: #ccc;">&…

邮件服务器163.com,163免费邮

第六步&#xff1a;进入信箱设置页面&#xff0c;确认好电子邮件地址&#xff0c;点击“高级信箱设置”&#xff1b;第七步&#xff1a;点击“接收电子邮件设置”来设置收件服务器&#xff1b;第八步&#xff1a;收件服务器设置如下图&#xff0c;设置完点击“返回”&#xff1…