Rumah  >  Artikel  >  hujung hadapan web  >  在vue中如何实现动态改变静态图片以及请求网络图片

在vue中如何实现动态改变静态图片以及请求网络图片

亚连
亚连asal
2018-06-07 13:59:382994semak imbas

下面我就为大家分享一篇vue 动态改变静态图片以及请求网络图片的实现方法,具有很好的参考价值,希望对大家有所帮助。

在本身的项目中需要动态请求后端图片

一般需要在created中写因为beforeCreate的时候图片过不来的,如果想在这时候请求数据那么图片的地址我们就要存在一个地方。可以是本地也可以是vuex中

静态图片想要动态的添加或者改变我们需要改变图片的目录结构

把图片放在static中然后 imgUrl :

['/static/clinical.png','/static/nursing.png','/static/function.png','/static/test.png','/static/drug.png','/static/admin.png']

绝对路径请求

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

在vue-cli项目中proxyTable跨域问题

express搭建查询服务器

使用js自定义trim函数删除两端空格

Atas ialah kandungan terperinci 在vue中如何实现动态改变静态图片以及请求网络图片. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:base64怎样加密与解密Artikel seterusnya:在vue中预加载watch用法