如何解决子对象的值以两种方式绑定的值未定义
为了方便起见,我使用Nuxt。
我的项目的结构是:
默认布局->服务栏(这是我要获取service.btnStatus.show的值的地方) 索引(应用程序)->操纵其父数据(服务)对象的几个组件
“服务”对象是index.js中我的Vue数据对象的一部分:
data () {
return {
service: {
title: '',id: -1,btnNew: false,btnEdit: false,btnSave: false,btnCancel: false,btnStatus: {
show: false,value: false
}
}
}
}
我有一个“ ServiceBar”组件,该组件以默认布局设置。该组件包含一个“ CheckboxToggle”子组件,我想使用v-if =“ service.btnStatus.show”来显示或隐藏。
在“ ServiceBar”组件中,“ service”是计算的道具。
当我尝试获取“服务”的子项(例如“ title”)的值时,我没有问题,但是当我尝试获取孙子的值(例如“ show”)时,我得到了未定义。
v-if="service.btnStatus.show"
未定义大子对象。
有人知道为什么吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。