Element UI Radio 组件点击弹出 Dialog 对话框

<p>要实现点击后弹出 Dialog，可以使用 element-ui 的 Dialog 组件，并在点击事件中设置 dialog 的可见性。可以按照以下步骤进行操作：</p>
<ol>
  <li>在`<template>`标签中添加 Dialog 组件的代码，设置`v-model`绑定一个变量来控制 dialog 的可见性：</li>
  <pre><code>&lt;el-dialog v-model="dialogVisible" title='对话框标题'&gt;
  &lt;!-- 对话框内容 --&gt;
&lt;/el-dialog&gt;</code></pre>
  <li>在`<script>`标签中添加相关代码，初始化`dialogVisible`变量，并在点击事件中设置其值来控制 dialog 的显示和隐藏：</li>
  <pre><code>data() {
  return {
    dialogVisible: false, // 控制 dialog 的可见性
    accountId: '' // 用来绑定 radio-group 的 v-model
  };
},
methods: {
  showAccountDialog() {
    // 点击事件处理函数，设置 dialogVisible 为 true 来显示 dialog
    this.dialogVisible = true;
  }
}</code></pre>
  <li>修改 radio 组的点击事件，调用`showAccountDialog`方法来显示 dialog：</li>
  <pre><code>&lt;el-form-item label='生成超级账套：'&gt;
  &lt;el-radio-group v-model="accountId"&gt;
    &lt;el-radio label="1" @click="showAccountDialog"&gt;是&lt;/el-radio&gt;
    &lt;el-radio label="0" @click="showAccountDialog"&gt;否&lt;/el-radio&gt;
  &lt;/el-radio-group&gt;
&lt;/el-form-item&gt;</code></pre>
<p>这样，点击"是"或"否"的 radio 时，就会调用`showAccountDialog`方法，将`dialogVisible`设置为 true，从而显示 dialog。</p>