記錄小程序廢棄的modal

學習mpvue的時候發現modal,感受很強大,能在<modal></modal>標籤內添加不少內容,是showMoadl()比不上的。vue

核心是綁定hidden屬性,如 :hidden="boolean值"學習

title="填寫提示消息"this

confirm-text="自定義的肯定內容" spa

cancel-text="自定義的取消內容" code

@cancel="取消的方法"blog

@confirm="肯定的方法"ip

no-cancel 取消取消按鈕it

更多以下圖:class

部分代碼:mpvue

<button @click="modalShow">點擊我顯示modal</button>
<modal class="modal" :hidden="showModal" @confirm="ok()" no-cancel title="查看modal內容">
....//想加啥加啥
<modal>

<script>
data(){
    retrurn{
          showModal:true
}
},

methods:{
    modalShow(){
          this.showModal=!this.showModal},

    ok(){
        this.showModal=true;}
    }

</script>        

效果:

相關文章
相關標籤/搜索