dialog.vue 1016 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <div v-if='dialogVisible'>
  3. <el-dialog
  4. title="提示"
  5. :visible.sync="dialogVisible"
  6. width="50%"
  7. :before-close="handleClose">
  8. <span>这是一段信息</span>
  9. <span slot="footer" class="dialog-footer">
  10. <el-button @click="dialogVisible = false">取 消</el-button>
  11. <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  12. </span>
  13. </el-dialog>
  14. </div>
  15. </template>
  16. <script>
  17. export default {
  18. name: 'dialog',
  19. props:['data','dialogVisible'],
  20. data () {
  21. return {
  22. }
  23. },
  24. methods:{
  25. handleClose(done) {
  26. this.$confirm('确认关闭?')
  27. .then(_ => {
  28. console.log(this.data)
  29. // done();
  30. })
  31. .catch(_ => {});
  32. },
  33. }
  34. }
  35. </script>
  36. <style>
  37. </style>