第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

vue一些邏輯問題

vue一些邏輯問題

紅糖糍粑 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>


查看完整回答
反對 回復(fù) 2018-10-25
  • 1 回答
  • 0 關(guān)注
  • 691 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號