vue-strap 修改Modal組件

在用到vue-strap的Modal組件時,會有兩個默認按鈕,查看官方文檔配置以下:javascript

能夠看到,ok-text和cancel-text都有一個默認值,在使用時即便不給這兩個選項賦值,也會顯示兩個默認文本的按鈕。vue

在下面的這個例子中,我只須要一個按鈕關掉模態框,這時候不能經過組件直接控制了。java

查看vue-strap Modal組件的源碼,能夠發現Modal組件也是vue代碼,因此咱們能夠對它進行改造。spa

<button v-if="cancelText!=='false' " type="button" class="btn btn-default" @click="close">{{ cancelText }}</button>

 經過v-if控制cancelTex按鈕是否顯示,當咱們傳入false時,Modal組件就會只有一個按鈕選項了。blog

功能實現!ip

相關文章
相關標籤/搜索