学习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>
效果: