of undifine报错

数据为of undifine报错 用 ||{}

因为 actions 去进行异步操作时 getters要依赖actions请求回来的数据 在数据没有返回之前 getters时undefined
所以要 ||{},或者||[{}],这样就不会报错了
props设置默认值也可以
报错请添加图片

当您在Vue的v-for指令上设置了ref属性时,直接获取this.$refs.name.style将始终返回undefined。 这是因为在Vue的生命周期中,当渲染DOM时,$refs属性还没有被填充。换句话说,你在渲染完成之前访问它时,它还没有被定义。 解决这个问题的一种方法是在mounted生命周期钩子函数中使用this.$nextTick方法。这个方法会在页面渲染完成后调用传入的回调函数。通过将获取this.$refs.name.style的代码放在this.$nextTick的回调函数中,您可以确保在访问this.$refs之前DOM已经渲染完成,从而避免获取到undefined的情况。 另外,您还可以将获取this.$refs.name.style的代码放在其他合适的生命周期钩子函数中,例如updated或者created,这些钩子函数也会在DOM渲染完成后被调用。根据您的具体需求,选择合适的生命周期钩子函数来获取this.$refs的值即可。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [this.$refs 为undefined如何解决?](https://blog.csdn.net/weixin_56650035/article/details/120102419)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue中使用refs定位dom出现undefined的解决方法](https://download.csdn.net/download/weixin_38654348/12766447)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue的 this.$refs 打印为undefined解决办法](https://blog.csdn.net/weixin_45658814/article/details/118753115)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值