vue+elementui-radio组件数据回显问题

最新推荐文章于 2024-09-15 15:21:41 发布

97年的程序猿

最新推荐文章于 2024-09-15 15:21:41 发布

阅读量1.2k

点赞数

文章标签： vue.js elementui

本文链接：https://blog.youkuaiyun.com/weixin_39681426/article/details/128712165

版权

在前端页面点击修改功能中，通过row.id获取数据并用路由传递至新页面。在新页面，接收到的数据未正确显示在radio组件中，原因是数据值为整型而非字符串。通过将数据转换为字符串，如`this.form.isPush=String(JSON.parse(this.$route.query.formData).isPush)`，解决了数据回显问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题场景：前端页面点击修改，捅过row.id查询数据，通过路由跳转到新页面，直接将传过来的整个数据赋值给form表单，确认传过来的数据字段有值，但是radio组件不回显，显示为空。

问题原因：因为传过来的数据的值的类型为整型，需要String(数据)进行转换。

      this.form = JSON.parse(this.$route.query.formData)//整个表单赋值
      this.form.isPush = String(JSON.parse(this.$route.query.formData).isPush)//单独转换数据给字段赋值

问题解决，数据回显