紅糖糍粑
2018-09-01 15:12:18
//data數(shù)據(jù)如下 3代為勝 1代表平 每一個(gè)number長度可能是1也可能是2;list:[ {number:'3,1'}, {number:'1'}, {number:'3'}, {number:'3,1'} ..............] //dom渲染如下<ul class='warp'> <li><span>勝<span><span>平</span><li> <li><span>平</span><li> <li><span>勝</span><li> ....................</ul> 用vue如何不操作dom下實(shí)現(xiàn)這個(gè)需求,之前習(xí)慣用js操作dom實(shí)現(xiàn),現(xiàn)在操作數(shù)據(jù)現(xiàn)實(shí)渲染就太會了;
1 回答

揚(yáng)帆大魚
TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超9個(gè)贊
<ul class="warp">
<li v-for="obj in list">
<span v-for="num in obj.number.split(',')">
{{num=='3'?'勝':'平'}}
</span>
</li>
</ul>
<script>
new Vue({
el: '.warp',
data: {
list:[
{number:'3,1'},
{number:'1'},
{number:'3'},
{number:'3,1'}
]
}
})
</script>
添加回答
舉報(bào)
0/150
提交
取消