Rumah >hujung hadapan web >tutorial js >vue如何操作静态图片和网络图片

vue如何操作静态图片和网络图片

php中世界最好的语言
php中世界最好的语言asal
2018-04-12 17:27:013702semak imbas

这次给大家带来vue如何操作静态图片和网络图片,vue操作静态图片和网络图片的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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

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

把图片放在static中然后 imgUrl :

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

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

vue改变当前选中项的状态

使用mint-ui时间插件时怎么获取选择值

NodeJS怎么实现WebSocket功能

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