VUEでは、ElementUIコンポーネントのラジオボタンel-radio-buttonを使用して、2回目のクリックの選択を解除する機能を実現します

ページのスタイルは次のとおりです。

HTML コードは次のとおりです。

日志等级：
<el-radio-group v-model="logLevel">
   <el-radio-button label="DEBUG" @click.native.prevent="changeLogLevel('DEBUG')">DEBUG</el-radio-button>
   <el-radio-button label="INFO" @click.native.prevent="changeLogLevel('INFO')">INFO</el-radio-button>
   <el-radio-button label="ERROR" @click.native.prevent="changeLogLevel('ERROR')">ERROR</el-radio-button>
</el-radio-group>

js コードは次のとおりです (データ内で loglevel: "" を宣言することを忘れないでください)

    changeLogLevel(val) {
      if (this.logLevelChecked && val == this.logLevel) {
        this.logLevelChecked = "";
        this.logLevel = "";
        this.getLogAggregation();
      } else {
        this.logLevelChecked = 1;
        this.logLevel = val;
        this.getLogAggregation();
      }
    }