标签:efault log console edit export ted class 部分 group
<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>
element-ui <el-radio> 回显格式为中文 传值格式为数值
标签:efault log console edit export ted class 部分 group
原文地址:https://www.cnblogs.com/xingxingzi/p/9831004.html