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

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

VUE的v-for指令如何交替添加DOM節(jié)點(diǎn)?

VUE的v-for指令如何交替添加DOM節(jié)點(diǎn)?

暮色呼如 2018-12-19 17:18:00
要實(shí)現(xiàn)一個(gè)電影點(diǎn)評(píng)框,先選中電影名,然后輸入評(píng)論,點(diǎn)擊提交顯示結(jié)果。問題:用vue的v-for指令時(shí),電影名只能挨著電影名,不能在電影名下面接著評(píng)論結(jié)果,效果如圖代碼如下:HTML部分:Vue部分:
查看完整描述

1 回答

?
茅侃侃

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超22個(gè)贊

方法一

<div>

  <template v-for='(title, i) in titles'>

    <h4>

       {{title.text}} 

    </h4>

    <p>

        {{items[i].text}}

    </p>

  </template>

</div>

方法二

設(shè)一個(gè) computed 值,比如 titleItem


computed: {

    titleItem () {

        return this.titles.map((x, i) => ({title: x, item: this.items[i]}))

    }

}

然后就可以對(duì) titleItem 進(jìn)行 v-for


查看完整回答
反對(duì) 回復(fù) 2019-01-10
  • 1 回答
  • 0 關(guān)注
  • 671 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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