若依 vue中el-radio无法默认选中

这篇具有很好参考价值的文章主要介绍了若依 vue中el-radio无法默认选中。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

若依 vue中el-radio无法默认选中,el-radio默认选中,若依radio无法选中,vue中radio默认选中,radio无法默认选中,vue中radio无法默认选中

网上看了很多方法都不管用, 即便是element官方示例方法也不行

若依 vue中el-radio无法默认选中,el-radio默认选中,若依radio无法选中,vue中radio默认选中,radio无法默认选中,vue中radio无法默认选中

解决方法:

html

<el-form-item label="是否公开" prop="isOpen">
     <el-radio-group v-model="form.isOpen">
         <el-radio :label="0">不公开</el-radio>
         <el-radio :label="1">公开</el-radio>
    </el-radio-group>
</el-form-item>

js:

生效:

把默认值写在reset方法中,若依框架生成完代码后,会有一个reset()方法,当打开新增弹窗时会先执行这个方法,

    // 表单重置
    reset() {
      this.form = {
        
        isOpen: 1,

      };
      this.resetForm("form");
    },

不生效:

按若依生成的代码,reset方法中会把所有字段默认初始值为null,所以按element官方示例把初始值写在form中是不生效的文章来源地址https://www.toymoban.com/news/detail-685720.html

<script>
  export default {
    data () {
      return {
        // 表单参数
        form: {
           isOpen: 1,
        },
      };
    }
  }
</script>

到了这里,关于若依 vue中el-radio无法默认选中的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • el-radio编辑选不中和el-tree相关问题

    1.解决el-raido选不中的问题 2.el-tree复选框选中选中的id值 3.el-tree编辑复选框回显问题 4.el-dialog 弹出框在关闭后再打开rules验证的错误显示问题,加了一个v-if解决 5.el-table 显示树型数据,加tree-props=“{children:‘children’,hasChildren:‘hasChildren’}” 6.elementui刷新页面 7.el-table 复选框批

    2024年02月14日
    浏览(35)
  • (el-radio)操作:Element-plus 中 Radio 单选框改成垂直排列的样式操作与使用

    1、 Element-plus 提供 Radio 组件情况: 其一、 Element-ui 自提供的 Radio 代码情况为(示例的代码): 代码地址: https://element-plus.gitee.io/zh-CN/component/radio.html#按钮样式 其二、页面的显示情况为: 2、目标想修改后的情况: Radio 单选框组件成功引入 vue3 项目的过程(去除了 ts 的语法):

    2024年02月15日
    浏览(63)
  • el-table 个体行绑定点击事件时 表格中有el-radio和el-checkbox 点击触发两次事件处理方法

    el-table 个体行绑定点击事件时 表格中有el-radio和el-checkbox 点击触发两次事件处理方法 代码如下(示例):

    2024年02月05日
    浏览(57)
  • vue:el-tree 实现动态初始默认选中和全选

    官网链接:Element - The world\\\'s most popular Vue UI framework 涉及:1. 树结构转换一维数组             2. 与全选关联            3. 父子组件间传值      大家可以参考官网文档,写的还是挺清楚的。

    2024年02月12日
    浏览(45)
  • Vue项目里设置el-tree默认选中的背景色和字体色以及鼠标悬停的背景色

    el-tree默认选中的背景色是白色,有时候我们需求是一进入到页面就要发请求,并且设置默认选中的背景色改为蓝色,字体色为白色,然后选中的项也是背景色改为蓝色,字体色为白色,那这个时候我们可以给el-tree通过添加属性 highlight-current设为高亮,然后通过以下样式改变

    2024年02月13日
    浏览(76)
  • Vue3 element-plus el-select 无法选中,又不报错

    html 结构 js 代码 点击下拉选项,输入框无法选中 原因:ref=“conditionForm” 和 :model=“conditionForm” 冲突了, 4-1. 再Vue2里面 :model=“conditionForm” 绑定的是 conditionForm 变量, ref=“conditionForm” 绑定的是conditionForm字符串 v-model=“conditionForm.personnel” 绑定的 conditionForm 变量下属性

    2023年04月27日
    浏览(47)
  • el-table默认选中

    最近开发,记录下el-table组件默认选中数据的方式,后台返回的数据不尽相同,代码里面有注释,可以自己根据不同的值换成自己需要的对应的key 场景1:根据用户选择的不同的id去请求渲染的数据,在渲染出来的数据里面进行数据的默认勾选 场景2:每次渲染的表格不同,所以

    2024年02月11日
    浏览(45)
  • el-tabs 默认选中第一个

    1. 实际开发中el-tabs 都会设置第一个为默认值 ,这样会好看一点,   而渲染的数据经常是通过后端返回的数据 , v-model  无法写死默认值   解决办法 , 通过计算机属性  ,在data 定义一个 selectedTab 

    2024年02月06日
    浏览(42)
  • el-table多选框设置默认选中,翻页保留选中状态

    最近碰到个需求,el-table列表渲染数据,要求有多选框并且附带默认选中,翻页后保留选中状态 写默认选中时百度一下还很简单,但是碰到个bug,第一次翻页可以保留,第二次翻页回来之后选中的就没了。 经过研究解决,记录一下,直接上代码了 默认选中只需要给table增加

    2024年02月14日
    浏览(53)
  • el-button更改选中后的默认颜色

    先统一设置按钮颜色type=\\\"primary\\\" 点击后将颜色改为橘色效果图: 修改样式代码如下:

    2024年02月17日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包