组件-Element—Dialog（ 对话框）

组件-Element—Dialog（ 对话框）

组件— 对话框

1. 基本用法
   
   

   <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>
   
   <el-dialog
     title="提示"
     :visible.sync="dialogVisible"
     width="30%"
     :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>
   
   <script>
     export default {
       data() {
         return {
           dialogVisible: false
         };
       },
       methods: {
         handleClose(done) {
           this.$confirm('确认关闭？')
             .then(_ => {
               done();
             })
             .catch(_ => {});
         }
       }
     };
   </script>
   

   
2. 自定义内容