首頁猿問 VUE的v-for指令如何交替添加...

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

JavaScript

暮色呼如 2018-12-19 17:18:00

要實現(xiàn)一個電影點評框，先選中電影名，然后輸入評論，點擊提交顯示結(jié)果。問題：用vue的v-for指令時，電影名只能挨著電影名，不能在電影名下面接著評論結(jié)果，效果如圖代碼如下：HTML部分：Vue部分：

查看完整描述

1 回答

茅侃侃

TA貢獻1842條經(jīng)驗獲得超22個贊

方法一

<div>

<h4>

</h4>

<p>

</p>

</template>

</div>

方法二

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

computed: {

titleItem () {

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

}

然后就可以對 titleItem 進行 v-for

反對回復(fù) 2019-01-10

關(guān)注

舉報

0/150

提交

取消

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

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

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