Element UI <el-dialog> 代码示例 - 个人信息弹窗 - 常规

以下是 Element UI 中组件的代码示例，用于展示个人信息弹窗，包含组件的使用，以及按钮关闭功能。

<el-dialog title='个人信息' :visible.sync='open' width='800px' append-to-body>
  <el-descriptions :column='3' border size='large' v-for='(personalItem,personalIndex) in personalDetail' :key='personalIndex'>
    <el-descriptions-item :label='personalItem.itemLabel'>{{ personalItem.itemValue }}</el-descriptions-item>
  </el-descriptions>

  <template #footer>
    <div class='dialog-footer'>
      <el-button @click='cancel'>关 闭</el-button>
    </div>
  </template>
</el-dialog>

代码中的问题是缺少结束标签 ``，现在已添加上。