javascript - vue動態新增元件
代言
代言 2017-06-12 09:31:19
0
1
786

(用VUE實現)專案中有一需求,我想徵求一下大家的思路,看怎麼實現更合理。需求是這樣的:在一個頁面中點擊一個“創建”按鈕,將創建一個“單選題”,點擊創建“多選題”按鈕則將創建一個多選題,即點擊什麼按鈕將創建什麼題型,已建立的題目還可對其修改,添加,刪除等操作。
我的想法是將每種題型都做成一個元件,點擊創建時將該題型的元件放入父元件,最終渲染父元件,但是這樣做的話,對每種題型的修改、新增、刪除等操作應該在哪裡寫?是在子元件中還是父元件中?
下面是一個UI效果圖:

#
代言
代言

全部回覆(1)
淡淡烟草味

提供兩個思路吧:

  1. 維護一個陣列來表示增加了多少個元件,然後用 v-if 來判斷目前需要渲染的是哪個元件。

  2. 使用 Render 函數,並用函數化元件。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板