<div>
<ElRadioGroup v-model="checkInfo.specifications" class="ml-4" :disabled="statusQ == 'Look'">
<ElRadio label="方形" size="large" @click.enter.prevent="checkRadio('方形', '规格')">方形</ElRadio>
<ElRadio label="圆形" size="large" @click.enter.prevent="checkRadio('圆形', '规格')">圆形</ElRadio>
<ElRadio label="矩形" size="large" @click.enter.prevent="checkRadio('矩形', '规格')">矩形</ElRadio>
</ElRadioGroup>
</div>
<script setup>
// js 部分
const checkRadio= (e) => {
e === checkInfo.specifications ? (checkInfo.specifications = "") : (checkInfo.specifications = e);
}
</script>
这里需要注意的是,如果使用.native修饰符会报错:
[vue/no-deprecated-v-on-native-modifier]
‘.native’ modifier on ‘v-on’ directive is deprecated.
在 vue3 中 v-on 的该修饰符已经被弃用了
那如何使用呢
解决方法:把 .native 换成 .enter或者直接去掉修饰符就行了