iview项目中,radio选中值回显问题

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

问题描述:iview+vue项目中,数据从路由传参进入编辑页面,页面的radio选中状态首次显示,浏览器刷新后不显示:
1、首次进入:

iview项目中,radio选中值回显问题,view design,前端,vue.js

2、浏览器手动刷新后:

iview项目中,radio选中值回显问题,view design,前端,vue.js文章来源地址https://www.toymoban.com/news/detail-719148.html

经查,路由传参的值为字符串,页面无法正确显示选中值,需进行转换
this.invoice_type = Number(this.$route.query.invoice_type)
在iview使用过程中,要注意默认类型问题,很容易出现接收类型与默认类型不一致的情况而导致出现错误。

到了这里,关于iview项目中,radio选中值回显问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uni-app - 实现多选功能,点击项目时选中并高亮显示(支持全选 / 反选,以及轻松的 “回显“ 数据)点击选中并改变样式,全端兼容 H5 App 小程序,代码高效简洁无 BUG

    网上的代码都太乱且实现代码太臃肿,各种样式、变量乱七八糟很难移植到自己的项目中。 本文实现了 灵活度极高的多选功能示例,支持全选和反选,代码干净整洁注释详细,无任何第三方依赖, 您只需要一键复制示例代码,几分钟快速完成并植入到您的项目中, 如下图所

    2024年02月09日
    浏览(85)
  • el-radio单选框,取消选中

    1.背景:在公司开发需求中有一个选择颜色的单选框(黑色,白色),每种颜色选择后均支持取消选中,可是el-radio标签不支持取消选中。 2.解决: 方法1:  方法2:换checkbox,设置max=1即可

    2024年02月14日
    浏览(50)
  • 微信小程序radio单选按钮选中与取消

       

    2024年02月15日
    浏览(45)
  • js控制radio选中、不可选和改变事件

    声明:网上的资料杂七杂八的搞得我一个不熟悉前端的后端开发者弄起来贼难受,现在将实现了的做一个整合,希望能给你们带来点帮助(主要还是帮助我自己(●ˇ∀ˇ●),防止丢失) html代码组件示例 radio设置选中 radio设置不可选 radio读取某值时选中其他radio变为不可选(用

    2024年02月12日
    浏览(27)
  • View UI Plus (iview)表格单选实现教程

    View UI Plus 是 View Design 设计体系中基于 Vue.js 3 的一套 UI 组件库,主要用于企业级中后台系统 View UI,即原先的 iView,从 2019 年 10 月起正式更名为 View UI,并使用全新的 Logo View UI Plus 实现表格单选,这里需要用到 render 函数,实现的思路是使用render函数自定义表格列为单选框或

    2024年02月09日
    浏览(31)
  • 若依 vue中el-radio无法默认选中

    网上看了很多方法都不管用, 即便是element官方示例方法也不行 生效: 把默认值写在reset方法中, 若依框架生成完代码后,会有一个reset()方法,当打开新增弹窗时会先执行这个方法, 不生效: 按若依生成的代码,reset方法中会把所有字段默认初始值为null,所以按element官方示例把初始值

    2024年02月10日
    浏览(56)
  • Element-ui中的el-radio无法数据回显

     1.这样写也可以回显,应该在 el-radio 中加不加 v-model 属性都不影响 2.使用Element-ui版本  2.15.7  需要回显的代码 在网上查了一下,由于我数据库中 action 字段的类型为 int 类型,而radio的值默认应该是 string 类型,所以radio不会默认选中。 解决办法就很多了,我是从后台拿到数

    2024年02月11日
    浏览(61)
  • element中一个单选框radio时的选中和取消

    案例:  当我们只有一个单选框时,需要进行选中和取消的操作,但如果不经过处理,选中后就根本取消不了。 然后我试了一下加了点击事件,这里必须要加 native  ,触发原生事件   但发现打印台每次都触发两次  然后我又在网上找,有人说点击事件改成这样 @click.native

    2024年02月13日
    浏览(47)
  • uni-app开发小程序,radio单选按钮,点击可以选中,再次点击可以取消

    不适用官方的change方法,自己定义点击方法。 动态判断定义的值是否等于遍历的值进行回显,如果和上一次点击的值一样,就把定义的值改为null

    2024年02月11日
    浏览(64)
  • element-UI表格中多选框回显默认选中

    1、通过@selection-change=\\\"handleSelectionChange\\\"获取勾选的数据 2、通过this.$refs.multipleTable.toggleRowSelection(row, true);将数据回显 注意:toggleRowSelection方法的row数据必须是从tableData中获取  

    2024年02月12日
    浏览(46)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包