<li class="small-post-single" v-for="(item,index) in yishengRecommendList" v-bind:key="index" @click="jump('../yisheng/detail.html?id='+item.id)"> <div class="thumb"><img width="65px" :src="item.yishengPhoto" alt="image"> </div> <div class="content"> <a class="main_color" class="date">{{item.yishengName}}</a> <h6 v-if="item.yishengNewMoney" class="post-title"><a style="color: red">{{item.yishengNewMoney}}</a>RMB</h6> </div> </li>
时间: 2024-02-10 20:05:31 浏览: 167
解决v-for中使用v-if或者v-bind:class失效的问题
这段代码看起来是使用 Vue.js 框架编写的,主要实现了一个医生推荐列表的展示,其中包括医生的头像、姓名和价格等信息。通过 v-for 指令遍历 yishengRecommendList 数组中的元素来动态生成列表项,通过 v-bind 指令绑定动态属性 key 和动态属性 src,通过 @click 绑定点击事件,跳转到对应的医生详情页。另外,代码中还包括了条件渲染指令 v-if 和样式绑定指令 v-bind:class。
阅读全文