vue strap 修改Modal元件

2022-04-09 06:16:59 字數 615 閱讀 9755

在用到vue-strap的modal元件時,會有兩個預設按鈕,檢視官方文件配置如下:

可以看到,ok-text和cancel-text都有乙個預設值,在使用時即使不給這兩個選項賦值,也會顯示兩個預設文字的按鈕。

在下面的這個例子中,我只需要乙個按鈕關掉模態框,這時候不能通過元件直接控制了。

檢視vue-strap modal元件的原始碼,可以發現modal元件也是vue**,所以我們可以對它進行改造。

v-if="canceltext!=='false' " type="button" class="btn btn-default" @click="close">}
通過v-if控制canceltex按鈕是否顯示,當我們傳入false時,modal元件就會只有乙個按鈕選項了。

功能實現!

and元件modal動態資料

列表裡有個操作按鈕,每一條資料都可以從彈出的modal裡復現原資料及修改原資料 如name,type modal特性 預設關閉後狀態不會自動清空,如果希望每次開啟都是新內容,請設定 destroyonclose 填寫表單後,關閉modal資料仍存在。而我們的期望從新載入元件,再走一次usestate...

React Native 之 Modal介紹與使用

onrequestclose 被銷毀時會呼叫此函式 platform.os android proptypes.func.isrequired proptypes.func onshow 模態顯示的時候被呼叫 function transparent 透明度 bool visible 可見性 boo...

React Native 之 Modal介紹與使用

onrequestclose 被銷毀時會呼叫此函式 platform.os android proptypes.func.isrequired proptypes.func onshow 模態顯示的時候被呼叫 function transparent 透明度 bool visible 可見性 boo...