element-radio回显问题

简介: element-radio回显问题

html

<template>
   <el-form-item label="状态" prop="type" :label-width="formLabelWidth">
       <el-radio-group v-model="form.type" class="ml-4">
         <el-radio label="1">上架</el-radio>
         <el-radio label="2">下架</el-radio>
       </el-radio-group>
   </el-form-item>
</template>

当前的type为int 需要转换为字符串

form.type = data.type.toString();

效果:

相关文章
|
7月前
layui给radio添加checked属性不起作用
layui给radio添加checked属性不起作用
172 0
|
JavaScript
Element el-radio 单选框详解
本文目录 1. 用途 2. 单选框 3. 单选框样式 4. 单选框组 4. 单选框组样式 5. 尺寸调节 6. 绑定值变化事件 7. 小结
1653 0
Element el-radio 单选框详解
|
4月前
|
JavaScript
v-model指令获取常见表单项的内容 input,textarea,radio,checkbox,select
本文介绍了Vue.js中v-model指令的作用和语法,并通过示例代码展示了如何使用v-model来获取不同类型的表单元素(如文本输入框、文本域、复选框、单选框和下拉菜单)的内容。
Element-UI中el-input输入值不显示
Element-UI中el-input输入值不显示
492 0
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
928 0
|
JavaScript
Element el-check 多选框详解
本文目录 1. 用途 2. 普通多选框 3. 带边框的多选框 4. 多选框组 5. 按钮样式的多选框组 6. 多选框组选中数量限制 7. 选项通过变量自动生成 8. 小结
984 0
Element el-check 多选框详解