Vue页面渲染，一级对象嵌套二级对象正常渲染但浏览器报错

最新推荐文章于 2023-02-24 09:27:33 发布
最新推荐文章于 2023-02-24 09:27:33 发布
阅读量420 收藏 2
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a451387526/article/details/128850167
版权

报错类型

 

可以在HTML里对需要用到二级对象的标签进行v-if判断

          <div class="zhanghu_top_zh">
            <div class="zhanghu_top_zh_left">姓名:</div>
            <div class="zhanghu_top_zh_right" v-if="formData.user">
              {{ formData.user.userName }}
            </div>
          </div>

或者在created里声明二级对象

  created() {
    this.formData={
      user:{}
    }
  },

田野07
关注
vue多层级属性的渲染—Vue源码的学习
Aglaia_web的博客
01-09 811
在vue基本的执行流程存在如下问题： 1） Vue使用的是虚拟DOM 2 ）只考虑了单属性 （ {{name}} ）,没有考虑层级 （ {{a.b.c.d}} ），而vue中大量的使用层级 （ {{ child.name.firstName }} ） 3 ）代码没有整合 为了解决上述问题，可以采用如下方法： 1）将真正的DOM和虚拟的DOM相互转换，提供如下方案： 采用深拷贝，（递归函数） 采用...
解决vue.js 数据渲染成功仍报错的问题
12-09
最近在做一个vue项目，用的是官方推荐的axios请求数据，数据结构是一级对象嵌套二级对象，发现一级对象数据渲染不报错，二级数据渲染报错。很是郁闷！data函数如下 export default { name: 'hello', data() { return { card:{} } } } 返回的数据如下： { "object":{ "subObject":"123", ... } } 报错的原因是在data函数return的card里没有二级对象.所以会报错； 解决办法是： export default { name: 'de
vue里嵌套对象渲染报错的解决方法
sinat_41200024的博客
01-04 7046
在页面渲染时，我的数据是嵌套的对象，如下图： 页面运行时可以正常显示，可是可以看到控制台还是会报错，如下图： 最后发现只需在页面显示时加一个判断就不会再报错了，如下图： ...
vue 对象嵌套校验
sdaujsj1的博客
02-02 238
https://www.cnblogs.com/wangRong-smile/p/12868621.html
vue渲染时数据对象里面的子对象的属性报错undefined，但页面正常渲染
一梦晓三生的博客
12-21 4089
vue渲染时数据对象里面的子对象的属性报错undefined，但页面正常渲染。 报如图所示错误 页面中报错的位置 原因是在data中申明了空对象，页面在渲染的时候，数据还没获取到的时候，首先渲染的是初始值，所以会报错。而数据获取回来之后，由于vue双向绑定的特点，页面会再次正常渲染。所以从结果上看是页面既成功渲染了，又有报错信息。 解决办法 1.使用v-if判断 2.申明对象时为对象设置初始值 export default { data() { return { da
vue 渲染对象object
weixin_42289080的博客
11-08 1693
直接用一个demo来看 item 对应 object 键值对中的 value key 对应 object 键值对中的 key index 对应 键值对的 索引 <a-radio-button v-for="(item, key, index) of statusObj" :key="key" :value="key" > {{ item }}-{{ key }}-{{ index }} </a-radio-button> data () { return {
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
11-19
总的来说，解决Vue单页面中多个组件嵌套监听浏览器窗口变化的问题，关键在于合理地管理和传递事件，以及充分利用Vue提供的组件通信机制。无论是使用事件总线还是Vuex，都可以有效地避免事件监听冲突，确保每个组件都...
浅谈vue 二级路由嵌套和二级路由高亮问题
11-19
Vue Router是官方推荐的路由库，提供了丰富的功能，包括二级路由的嵌套和高亮显示。本文将深入探讨如何实现二级路由嵌套以及解决二级路由高亮问题。 首先，我们来看二级路由的嵌套。在Vue Router中，可以通过在路由...
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
10-18
通常情况下，当用户刷新页面时，如果当前的路由与之前的状态相同，Vue默认不会重新渲染页面，这可能会导致嵌套路由在页面刷新后不更新的情况。为了解决这个问题，开发者可以采取多种方法来确保嵌套路由在刷新后能够...
vue修改对象的属性值后页面不重新渲染的实例
10-18
在Vue.js中，当对象的属性被修改时，通常页面会自动重新渲染以反映这些变化。这是因为Vue使用了响应式系统来追踪数据的变化并更新视图。然而，在某些情况下，当你直接修改对象的属性，Vue可能无法检测到这种变化，...
vue中渲染对象中属性时显示未定义的解决
11-20
后端给的对象结构是这样的，三层嵌套 而在最开始的时候我在data中定义了一个对象（dataInfo）接受了图示所有的属性 而在template中我要渲染数据（dataInfo.clientInfo.deviceName） 然后。。。。在这里插入图片描述 未定义。。。作为一个前端菜鸡，百思不得其解。 最终在有道的帮助下，告诉我了此属性不在vue实例上 恍然大悟 只能解析在data中定义也就是vue实例上的对象子一层的东西，对于孙一层的东西就被解析成不在vue实例上的 两种解决方法： 第一： 在定义的dataInfo中定义clientInfo等八个对象 第二： 直接定义八个对象接收八个对象中的
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
12-29
如下所示： specifications:[ { specificationName:颜色, specificationItem:[ {value:黄色}, {value:黑色} ] } ] 排序 规格项 操作
Vue嵌套循环渲染与条件渲染--v-for|v-if
随便写写
12-16 3834
分析接口返回数据结构 data对象下有9个键值对 值 分别有数组类型,Object类,和null 数组类型Array下,存有若干个对象,每个对象有若干个值 现 遍历所有键值 , 并将null替换为"暂无" 大致效果 实例代码 <div id="app"> <div v-for="(item,key) in data_" :key="key"> <!-- <div class="key">第一层:{{key}}===={
vue获取到数据，读取对象的属性无法读取报错
最新发布
lllnana
02-24 2134
vue发送axios请求获取到数据，读取对象的属性，绑定在页面时，无法读取报错
vue渲染时对象里面的对象的属性提示undefined，但渲染成功
weixin_34008805的博客
07-09 1353
场景： 从后台请求的数据结构如下： 我的list是对象，而comment又是list里的对象，渲染成功了，却报如下错： 解决办法： 添加一个：v-if 转载于:https://www.cnblogs.com/raind/p/9284131.html...
Vue递归组件：渲染嵌套评论
粉丝们务必加入微信粉丝群
08-10 617
虽然有些缺陷的，但上面的函数可以被认为是递归函数，因为它在函数中调用了自己。然而，这个定义并不包括所有的内容。递归是一种解决问题的方法。它基于这样一个前提：给定一个问题，如果我们知道其子问题的解决方案，我们就可以找到其解决方案。例如，上面的函数可以找到一个给定数组中所有数字的总和。在求和问题中，如果我们知道5之前的所有数字之和，那么我们可以将问题简化为arr中的数字之和等于最后一个元素和最后一个元素之前所有数字之和。在上面定义的函数中，表达式所做的正是我们刚才描述的。...
VUE对象
HevenYin的博客
11-12 521
VUE对象创建对象对象遍历对象操作 创建对象 new Vue({ el: '#v-for-object', data: { object: { title: 'How to do lists in Vue', author: 'Jane Doe', publishedAt: '2016-04-10' } } }) 对象遍历 <...
Vue.js的核心学习笔记 - 第七章条件渲染对象数据
Marinda_Speed的博客
02-22 607
Vue.js的核心学习笔记 - 第七章条件渲染对象数据
Vue 二级路由嵌套与高亮处理解析
本文主要探讨了Vue框架中的二级路由嵌套和对应的路由高亮问题。在Vue应用中，二级路由的实现通常是通过在父路由（一级路由）的配置下定义`children`数组来完成，每个子路由需要指定`path`和`component`。在模板中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值