首页 >web前端 >js教程 >vue如何操作静态图片和网络图片

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

php中世界最好的语言
php中世界最好的语言原创
2018-04-12 17:27:013694浏览

这次给大家带来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功能

以上是vue如何操作静态图片和网络图片的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn