<template> <div class="index-wrapper"> <div @click="handleOpen2">aaaa</div> <i-modal :visible="visible2" @ok="handleClose2" @cancel="handleClose2"> <div>这是一个无标题的对话框</div> </i-modal> </div> </template> <script> import iModal from 'iview-mpvue/dist/components/modal/modal' import 'iview-mpvue/dist/components/modal/style/css' export default { data () { return { visible2: false, } }, components: { 'i-modal': iModal, }, mounted() { }, methods: { handleOpen2() { console.log('123') this.visible2 = true }, handleClose2() { this.visible2 = false }, }, } </script> <style> .index-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow-y: auto; background-color: #F7F8FA; } </style>
