记录小程序废弃的modal

学习mpvue的时候发现modal,感觉很强大,能在<modal></modal>标签内添加很多内容,是showMoadl()比不上的。

核心是绑定hidden属性,如 :hidden="boolean值"

title="填写提示消息"

confirm-text="自定义的确定内容"

cancel-text="自定义的取消内容"

@cancel="取消的方法"

@confirm="确定的方法"

no-cancel 取消取消按钮

更多如下图:

部分代码:

<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>        

效果:

原文地址:https://www.cnblogs.com/wilsunson/p/9443818.html