文章詳情頁(yè)
javascript - vue組件的重復(fù)調(diào)用
瀏覽:62日期: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. java - 安卓電視盒子取得了root權(quán)限但是不能安裝第三方應(yīng)用,請(qǐng)問(wèn)該怎么辦?2. 在MySQL中新增字段時(shí),報(bào)錯(cuò)??3. 老哥們求助啊4. python - 模擬滑動(dòng)驗(yàn)證碼,有源碼,求解5. javascript - js 寫(xiě)一個(gè)正則 提取文本中的數(shù)據(jù)6. css3 - 請(qǐng)問(wèn)一下在移動(dòng)端CSS布局布局中通常需要用到哪些元素,屬性?7. npm鏡像站全新上線8. javascript - vue-router怎么不能實(shí)現(xiàn)跳轉(zhuǎn)呢9. javascript - [WDS] Disconnected! 一直重復(fù)出現(xiàn)。10. html5 - angularjs中外部模版加載無(wú)法使用
排行榜

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