element-ui 回显格式为中文 传值格式为数值

时间:2023-03-09 18:01:21
element-ui <el-radio> 回显格式为中文  传值格式为数值
<template>
<!-- 需求:使用 <el-radio> 关于性别单选 前端显示中文,传值为Number -->
<div class="demo">
<!-- 新增部分 -->
<el-radio-group v-model="newSex" @change="openNewRadio">
<el-radio label="0">男</el-radio>
<el-radio label="1">女</el-radio>
</el-radio-group>
<!-- 修改部分 -->
<el-radio-group v-model="editSex" @change="openEditRadio">
<el-radio :label="0">男</el-radio> <!-- 这一块与新增部分的区别在于 label :label -->
<el-radio :label="1">女</el-radio>
</el-radio-group>
</div>
</template>
<script>
export default {
name: 'demo',
data() {
return {
newSex: '',
editSex: '',
}
},
created() {
this.editSex = 1; // 修改部分后台返回的值,需要将后台的值回显在前端页面
},
methods: {
openNewRadio(v) {
console.log(v) // 打印为 0 或 1
},
openEditRadio(v) {
console.log(v) // 打印为 0 或 1
}
}
} </script>
<style scoped> </style>