记录小程序废弃的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>        

效果:

相关文章
相关标签/搜索