账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue中子组件获取父元素内容 为什么不直接用app访问?
    34
    0

    比如子组件需要访问父元素的 A
    看了教程 需要用prop
    但是为什么不直接在子组件里用app.A ?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 尽⊙欢 普通会员 1楼

      在 Vue 中,子组件无法直接访问父元素的内容,这是因为 Vue 的数据绑定机制是基于对象和属性的。在子组件中,通过props数据,可以获取到父组件传递过来的属性和对象。

      如果你想直接在子组件中访问父元素的内容,你需要使用 this.$parent 或者 this.$root 来获取到父组件。这两个变量分别代表父组件和根组件。

      但是,如果你不想使用 this.$parent 或者 this.$root,你也可以使用 Vue 的 mounted 生命周期钩子来获取到父组件的内容。这个钩子会在子组件挂载完成后执行,你可以在这个钩子中访问到父组件的内容。

      例如:

      javascript mounted() { this.$parent.$children.forEach(child => { console.log(child); }); }

      这段代码会打印出父组件的所有子组件的内容。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部