頁(yè)面樣式為:
html 代碼為:文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-612804.html
日志等級(jí):
<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代碼為:(記得在data中聲明loglevel:"")文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-612804.html
changeLogLevel(val) {
if (this.logLevelChecked && val == this.logLevel) {
this.logLevelChecked = "";
this.logLevel = "";
this.getLogAggregation();
} else {
this.logLevelChecked = 1;
this.logLevel = val;
this.getLogAggregation();
}
}
到了這里,關(guān)于VUE中使用ElementUI組件的單選按鈕el-radio-button實(shí)現(xiàn)第二點(diǎn)擊時(shí)取消選擇的功能的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!