文章詳情頁(yè)
javascript - vue組件的重復(fù)調(diào)用
瀏覽:106日期:2023-04-27 15:27:33
問(wèn)題描述
現(xiàn)在使用vue來(lái)寫(xiě)項(xiàng)目,很多頁(yè)面,很多里面都有個(gè)刪除確認(rèn)框,能不能把這個(gè)刪除框?qū)懗梢粋€(gè)組件,每次都調(diào)用他,只是里面的數(shù)據(jù)有變化?
會(huì)用到兄弟組件間的通信吧,可是不同頁(yè)面的刪除按鈕怎么把這個(gè)組件給調(diào)用出來(lái)呢?
問(wèn)題解答
回答1:將刪除確認(rèn)框封裝為一個(gè)模塊。
留好必要的屬性, 方便展示信息。
留出確認(rèn)刪除與取消的點(diǎn)擊事件。
這個(gè)模塊的調(diào)用方式, 跟普通組件不太一樣, 可以去網(wǎng)上找個(gè)vue模態(tài)框的例子。
回答2:可以參考iview中modal組件的實(shí)現(xiàn)。
https://github.com/iview/ivie...
標(biāo)簽:
JavaScript
上一條:javascript - es6數(shù)值解構(gòu)Number.prototype.toString is not generic下一條:javascript - 手機(jī)端評(píng)論出現(xiàn)輸入框,怎么實(shí)現(xiàn)?
相關(guān)文章:
1. docker images顯示的鏡像過(guò)多,狗眼被亮瞎了,怎么辦?2. javascript - avalon使用:duplex設(shè)置select默認(rèn)option的bug3. 請(qǐng)教各位大佬,瀏覽器點(diǎn) 提交實(shí)例為什么沒(méi)有反應(yīng)4. javascript - 移動(dòng)端textarea不能上下滑動(dòng),該怎么解決?5. 網(wǎng)頁(yè)爬蟲(chóng) - 用Python3的requests庫(kù)模擬登陸B(tài)ilibili總是提示驗(yàn)證碼錯(cuò)誤怎么辦?6. javascript - 關(guān)于audio標(biāo)簽暫停的問(wèn)題7. css - 對(duì)于類選擇器使用的問(wèn)題8. 大家好,請(qǐng)問(wèn)在python腳本中怎么用virtualenv激活指定的環(huán)境?9. javascript - Web微信聊天輸入框解決方案10. Matlab和Python編程相似嗎,有兩種都學(xué)過(guò)的人可以說(shuō)說(shuō)嗎
排行榜

熱門(mén)標(biāo)簽