vue使用Element-ui el-dialog弹出层

点击添加歌手
弹出

<template>
  <div class="table">
    <div class="container">
      <!-- 添加歌手按钮 -->
       <div class="handle-box">
         <el-button type="primary" size="mini" @click="centerDialogVisable=true">添加歌手</el-button>
       </div>
    </div>
    <el-table size="mini" border style="100%" height="500px" :data="tableData">
        <el-table-column label="歌手图片" width="110" align="center">
           <template slot-scope="scope">
               <div class="singer-img">
               </div>
           </template>
        </el-table-column>
    </el-table>
    <!-- 弹出层 -->
    <el-dialog title="添加歌手" :visible.sync="centerDialogVisable" width="400px" center>