使用ichick，获取当前选 中 ，以及change事件的触发，或者说是点击事件 参考：https://www.cnblogs.com/xp796/p/5508145. html //方法名称：获取当前选 中 的值；i check - radio change事件；点击事件; $("input: radio [name='dateInfoType']").on('if Check ed', function(event){

你可以通过 修改 `el- radio ` 的 `slot` 来将 ElementUI 的单选 框 样式 调整为方 框 选 中 打勾。具体操作如下： 1. 在 `el- radio ` 组件标签内添加一个 `slot`，用于自定义选 中 和未选 中 状态的 显示 。 2. 在 `slot` 中 添加两个 `i` 元素，分别用于 显示 选 中 和未选 中 状态的图标。 3. 通过 `v-show` 控制两个 `i` 元素的 显示 和隐藏。 下面是一个示例代码： ``` html <template> <el- radio v-model=" radio " label="apple"> <span slot="label">苹果</span> <i class="el-icon- check " v-show=" radio === 'apple'"></i> <i class="el-icon-close" v-show=" radio !== 'apple'"></i> </el- radio > <el- radio v-model=" radio " label="banana"> <span slot="label">香蕉</span> <i class="el-icon- check " v-show=" radio === 'banana'"></i> <i class="el-icon-close" v-show=" radio !== 'banana'"></i> </el- radio > <el- radio v-model=" radio " label="orange"> <span slot="label">橙子</span> <i class="el-icon- check " v-show=" radio === 'orange'"></i> <i class="el-icon-close" v-show=" radio !== 'orange'"></i> </el- radio > </template> <script> export default { data() { return { radio : '' </script> 在上面的代码 中 ，我们为每个 `el- radio ` 组件添加了一个 `slot`，用于自定义选 中 和未选 中 状态的 显示 。在 `slot` 中 ，我们添加了两个 `i` 元素，分别用于 显示 选 中 和未选 中 状态的图标，通过 `v-show` 控制两个 `i` 元素的 显示 和隐藏。 你可以根据自己的需求调整图标的 样式 和位置，实现更加符合你需求的单选 框 样式 。