要设置点击取消选中,可以使用 `@change` 事件监听选择项的变化,并在事件处理程序中判断是否需要取消选中。下面是一个示例:

<el-radio-group v-model='selected' @change='handleRadioChange'>
  <el-radio :label='1'>选项1</el-radio>
  <el-radio :label='2'>选项2</el-radio>
  <el-radio :label='3'>选项3</el-radio>
</el-radio-group>
data() {
  return {
    selected: null
  }
},
methods: {
  handleRadioChange(value) {
    if (value === this.selected) {
      // 如果选择的值和之前选中的值一样,则取消选中
      this.selected = null;
    }
  }
}

在上面的示例中,`handleRadioChange` 方法会在选择项发生变化时触发。方法中通过判断当前选择的值是否和之前选中的值一样,来决定是否取消选中。如果一样,则将 `selected` 设置为 `null`,即取消选中。


原文地址: https://www.cveoy.top/t/topic/pZHx 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录