12345678910111213141516171819202122232425262728293031323334353637383940 |
- <template>
- <div v-if='dialogVisible'>
- <el-dialog
- title="提示"
- :visible.sync="dialogVisible"
- width="50%"
- :before-close="handleClose">
- <span>这是一段信息</span>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisible = false">取 消</el-button>
- <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
- </span>
- </el-dialog>
- </div>
- </template>
- <script>
- export default {
- name: 'dialog',
- props:['data','dialogVisible'],
- data () {
- return {
-
- }
- },
- methods:{
- handleClose(done) {
- this.$confirm('确认关闭?')
- .then(_ => {
- console.log(this.data)
- // done();
- })
- .catch(_ => {});
- },
- }
- }
- </script>
- <style>
- </style>
|