在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 在vue-cli工程中，已經(jīng)創(chuàng)建好了組件，如何實現(xiàn)動態(tài)添加掛載

在vue-cli工程中，已經(jīng)創(chuàng)建好了組件，如何實現(xiàn)動態(tài)添加掛載

import RoomNeed from './RoomNeed.vue'，

創(chuàng)建了一個RoomNeed的組件，想實現(xiàn)點擊綠色加號按鈕，動態(tài)添加RoomNeed 組件到指定的div元素中
圖片描述

圖片描述

然后加號按鈕的組件一直存在，點擊n次則添加n次組件，不清空原來的組件內(nèi)容，
點擊減號按鈕，則刪除對應的組件。

考慮過通過數(shù)組實現(xiàn)，但是組件好像不能push進數(shù)組，render函數(shù)渲染的時候，無法渲染。
折騰一中午了，求大神助攻

回答
編輯回答
誮惜顏

vue的核心思想是通過數(shù)據(jù)來決定view層的展示

data() {
    return {
     myData: [1,2,3,4]
    }
}

<RoomNeed v-for="item in myData" />

//添加

this.myData.push(1)

// 刪除

this.myData.splice(this.myData.length-1)
2018年9月5日 18:33
編輯回答
莫小染

你可以看下vue v-is指令的使用說明

2017年11月8日 03:33