vue v-for渲染数据显示不全
<ul v-for="(index,item) in allName" :key="index" class="ulName"><li class="liName"><el-button type="primary" plain
·
<ul v-for="(index,item) in allName" :key="index" class="ulName"> <li class="liName"> <el-button type="primary" plain size="small">{{item}}</el-button> </li>
初步猜测是因为li中标签给定的key应该是唯一的(vue会给元素自动绑定),因此要实现重复只能将目标放在value中,然后通过
allName[item]来取值,方可成功
allName:{ "医 院":"你猜", "加油站":102, "餐饮店":103, "医 院1":101, "加油站2":102, "餐饮店3":103, "医 院4":101, "加油站5":102, "餐饮店6":103 } }
更多推荐
已为社区贡献8条内容
所有评论(0)