element 弹框使用

点击一个按钮弹出表格内容，表格内容默认值，可修改。
html部分：

<el-dialog
          title="授信相关参数"
          :visible.sync="dialogVisible"
          width="30%"
          >
          <el-template>
           <el-button > 个人信息</el-button >
          <el-input v-model="basicInfo"   style="width: 80%"></el-input>
          <el-button > 工作信息</el-button >
          <el-input v-model="jobInfo"   style="width: 80%"></el-input>
          <el-button > 住址信息</el-button >
          <el-input v-model="residenceInfo"  style="width: 80%"></el-input>
          <el-button > 联系人信息</el-button >
          <el-input v-model="contactInfo"  style="width: 75%"></el-input>
          <el-button > 短信信息</el-button >
          <el-input v-model="smsList"  style="width: 80%"></el-input>
          <el-button > app信息</el-button >
          <el-input v-model="appList"   style="width: 80%"></el-input>
          <el-button > 定位信息</el-button >
          <el-input v-model="geoInfo"  style="width: 80%"></el-input>
          <el-button > 通讯录信息</el-button >
          <el-input v-model="contactList" style="width: 75%"></el-input>
          </el-template>
           <el-button type="primary" @click="credit" style="width: 100%">确 定</el-button>
         </el-dialog>

gif效果图：