学习vue的弯弯绕绕之v-for循环输出图片
来源:互联网 发布:微信公众号 java开源 编辑:程序博客网 时间:2024/06/07 22:47
一个正常的v-for循环应该是这样的
<div id="app"> <template> <el-carousel indicator-position="outside"> <el-carousel-item v-for="data in list"> {{data.src}} </el-carousel-item> </el-carousel> </template></div>var oVue = new Vue({ el : '#app', data : { list : [ {src:'http://www.caiqi.com/upload/image/19/2017-06-07/2017060711393060.jpg' }, {src:'http://www.caiqi.com/upload/image/19/2017-06-07/2017060711393060.jpg'}, {src: '../static/images/B1.jpg'}, {src: '../static/images/B3.jpg'} ] } });
但是如果你要换成循环输出图片的话
<img src="{{data.src}}">
是不行的。
必须改成这样:
<img v-bind:src="data.src">
阅读全文
0 0
- 学习vue的弯弯绕绕之v-for循环输出图片
- Vue.js学习笔记:v-for循环
- vue规定v-for循环的次数
- vue v-for 循环对象
- Vue.js之遍历输出JavaScript的常见数据类型(v-for)
- Vue指令v-for之遍历输出JavaScript数组,json对象的几种方式
- vue如何给v-for循环的标签添加背景图片
- 有关vue v-for 多层循环嵌套获取 行数的
- java单例模式的弯弯绕
- vue.js之v-for
- Vue之for循环
- vue.js列表输出v-for
- vue学习笔记之——v-for与局部组件的传值
- vue的v-for使用
- Vue v-for 的反面教材。
- vue学习01--v-bind:title/v-if/v-for
- 浅谈Vue.js中v-for,javascript中for in 输出键值对的区别
- for 循环学习,输出
- 读写分离
- web前端 js面向对象思想
- Android studio中terminal权限问题
- SaaS创业公司如何将客户从10做到100?
- 面对网上营销世界的假新闻
- 学习vue的弯弯绕绕之v-for循环输出图片
- 笔记--Restful与webService区别
- Oracle批量插入
- C++ primer:第四章备忘。
- 313. Super Ugly Number
- 自旋锁与读写锁
- pg中检查点的触发条件
- 为什么爬虫正则更多的用非贪婪匹配模式?
- Hive HiveQL基础知识及常用语句总结