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>

转载于:https://www.cnblogs.com/xingxingzi/p/9831004.html

element-ui el-radio 回显格式为中文传值格式为数值相关推荐

vue2引入Element UI的详细步骤
目录一.Element UI介绍 Element UI的特点: vue3引入Element plus的文章: 二.操作步骤三.快速上手测试(可做可不做) 一.Element UI介绍 Elemen ...
解决vue-admin-template插件element UI组件默认英文改中文
其实vue-admin-template这个框架原来就有的 1.element UI里的组件改中文模式如图: src/main.js: 2.第三方插件如tinymic这个富文本插件改成中文显示,上面方 ...
element UI el-upload组件实现视频文件上传视频回显
项目中需要提供一个视频介绍,使用Vue+Element UI中的el-upload组件实现视频上传及进度条展示,后台提供视频上传API并返回URL, 百度找了一番后最终实现了. HTML <el ...
Element UI级联选择器(Cascader)获取级联对象
Element UI Cascader官网文档 GIF 代码: getCascaderObj = function(val, opt){return val.map(function (value, ...
从Element ui看开发公共组件的三种方式
在日常的开发工作中,封装自己的公共组件是很常见的需求,但想要组件更加优雅和通用也是一门学问.恰好前段时间用过Element ui,于是想学习这种库是如何封装插件的,这篇文章就是我的一点理解. 从入口文 ...
在vue项目中快速使用element UI
Element UI是饿了么团队提供的一套基于Vue2.0的组件库,可以快速的搭建网站,提高开发的效率 ElementUI PC端 MintUI 移动端一.全部引入安装element-ui cnp ...
从 Element UI 源码的构建流程看前端 UI 库设计
引言由于业务需要,近期团队要搞一套自己的UI组件库,框架方面还是Vue.而业界已经有比较成熟的一些UI库了,比如ElementUI.AntDesign.Vant等. 结合框架Vue,我们选择在Ele ...
Element UI库的入门使用
Element UI 有的 ul 库在 style 上添加 scoped 后可能会导致自定义样式失效.element ui 可以支持 scoped 多用于管理系统的开发,有明确设计稿的情况下一般不方便 ...
vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...
点击右上方红色按钮关注"web秀",让你真正秀起来前言后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...

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

element-ui el-radio 回显格式为中文传值格式为数值相关推荐

最新文章

热门文章

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

element-ui el-radio 回显格式为中文 传值格式为数值相关推荐

最新文章

热门文章

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

element-ui el-radio 回显格式为中文传值格式为数值相关推荐