vue.js如何渲染图片

这篇文章主要介绍vue.js如何渲染图片,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

vue.js渲染图片的方法:首先初始化列表,然后获取上个页面带过来的参数,获取api,应用程序,脚,接着向后传递参数,最后渲染本地图片。

<强> vue。js渲染图片的方法:

带参数传值

本地美食

& lt; template> 　　,,,& lt; div> 　　,,,,,,,& lt; h2>美食& lt;/h2> 　　,,,,,,,& lt; table 边界=?“比; 　　,,,,,,,,,,,& lt; tr> 　　,,,,,,,,,,,,,,,& lt; td>美食& lt;/td> 　　,,,,,,,,,,,,,,,& lt; td>美食图片& lt;/td> 　　,,,,,,,,,,,,,,,& lt; td>美食价格& lt;/td> 　　,,,,,,,,,,,& lt;/tr> 　　,,,,,,,,,,,& lt; tr , v=靶〗?拷贝footlist"比; 　　,,,,,,,,,,,,,,,& lt; td> {{i.name}} & lt;/td> 　　,,,,,,,,,,,,,,,& lt; td> & lt; img : src=癷.img",身高=?00“,宽度=?00“祝辞& lt;/td>,//,渲染本地图片 　　,,,,,,,,,,,,,,,& lt; td> {{i.price}} & lt;/td> 　　,,,,,,,,,,,& lt;/tr> 　　,,,,,,,& lt;/table> 　　,,,& lt;/div> 　　& lt;/template> 　　& lt; script> 　　,,,export  default  { 　　,,,,,,,名字:,“foot", 　　,,,,,,,数据:,function  (), { 　　,,,,,,,,,,,return  { 　　,,,,,,,,,,,,,,,footlist:,[],,//初始化列表 　　,,,,,,,,,,,} 　　,,,,,,,}, 　　,,,,,,,安装(),{ 　　,,,,,,,,,,,var  aa =,。route.params.id美元;,,//获取上个页面带过来的参数 　　,,,,,,,,,,,this.axios ({ 　　,,,,,,,,,,,url:, & # 39;/api/app/脚/& # 39;,,,//api 是跨越时设置的,程序是路由分发,脚是后端的接口 　　,,,,,,,,,,,数据:,{aa: aa},,,,//向后端传递参数 　　,,,,,,,,,,,方法:,& # 39;文章# 39;,,//发布方式 　　,,,,,,,})((res),=祝辞,{ 　　,,,,,,,,,,,if  (res.data.code ==, 200),{//才能,code ==, 200时 　　,,,,,,,,,,,,,,,this.footlist =, res.data.message;,//,初始化赋值 　　,,,,,,,,,,,,,,,console.log (res) 　　,,,,,,,,,,,} 　　,,,,,,,}) 　　,,,,,,,} 　　,,,} 　　& lt;/script> 　　& lt; style  scoped> 　　& lt;/style>

以上是“vue.js如何渲染图片”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

vue.js如何渲染图片