• vue3，axios获取的数据渲染不到页面上

    关注 码龄 粉丝数 原力等级 -- 被采纳 被点赞 采纳率 qq_54509887 2024-04-05 20:33 采纳率: 62.5% 浏览 13 首页/ 前端 / vue3，axios获取的数据渲染不到页面上 vue.jsspring boot 环境：vue3问题：Axios从数据库获得的数据渲染不到页面上。数据能从数据库获取成功，然后将他的数据赋给一个ref定义的数据classList，在then中输出classList能输出数据，在页面中输出就显示为空 1、输出response和classList 2、页面的显示，classList显示为空 具体代码 //Class.vue 展开全部 收起 写回答 好问题 0 提建议 追加酬金 关注问题 微信扫一扫 点击复制链接 分享 邀请回答 编辑 收藏 删除 结题 收藏 举报 追加酬金 (90%的用户在追加酬金后获得了解决方案) 当前问题酬金 ¥ 0 (可追加 ¥500） ¥ 15¥ 20¥ 50¥ 100¥ 200 支付方式 扫码支付 二维码出错 点击刷新 支付金额 15 元 提供问题酬金的用户不参与问题酬金结算和分配 支付即为同意 《付费问题酬金结算规则》 结题 再想想 删除 再等等

    3条回答 默认 最新

    • 码农阿豪 Java领域优质创作者 2024-04-05 20:56
      关注
      让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言
      问题分析：根据输出结果，在接收到后端数据之后，数据是成功赋值给了ref定义的数据classList，但是在页面上渲染却没有成功，因此问题可能出现在模板代码中。 解决方案：根据模板代码可以看出，使用了element-ui框架的el-table标签来渲染表格，那么问题可能出现在数据绑定的地方。根据文档，发现el-table标签中对应的data绑定应该是一个Array类型，而classList在代码中是一个响应式对象，因此需要通过toRefs将其转换为对象的ref类型，然后再进行绑定。 修改后的代码如下：

      经过修改后，将响应式对象classList通过toRefs转换为对象的ref类型，然后再进行绑定，这样就可以在页面上成功渲染了。

      展开全部

      评论
    • CSDN-Ada助手 CSDN-AI 官方账号 2024-04-05 22:18
      关注

      【相关推荐】



      • 这篇博客: vue学习经验之axios中数据无法取出问题中的 错误2：.then（）的回调函数 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

        应写成箭头函数

        .then(res=>{
......
})

      如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
      评论
    • 流华追梦 Java领域新星创作者 2024-04-06 15:27
      关注

      可能出现在数据绑定的地方。根据文档，发现el-table标签中对应的data绑定应该是一个Array类型，而classList在代码中是一个响应式对象，因此需要通过toRefs将其转换为对象的ref类型，然后再进行绑定

      评论
    编辑
    预览

    报告相同问题？

  • 相关阅读:
    net-java-php-python-网上书店管理系统设计计算机毕业设计程序
    免费Scrum管理工具-Leangoo领歌
    第二十三章 STL-常用容器
    VUE3、uni-app、SpringBoot登录密码加密
    你遇到过哪些高质量的 Go 语言面试题？
    计算机毕业设计Java交通事故档案管理系统(源码+mysql数据库+系统+lw文档）
    wxpython 2-框架
    Java中栈
    从云AK泄露利用看企业特权管理
    大一新生HTML期末作业,网页制作作业——海鲜餐饮网站登录页面(单页面)HTML+CSS+JavaScript
  • 原文地址：https://ask.csdn.net/questions/8083882