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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    想让vue子(孙)组件的动作一直触发到祖父(或更多级)组件
    35
    0

    <component-祖父>
    <component-父>
    <component-孙> 在这里this.$emit()一个动作,想一直传递到祖父组件那里,必须要在父级那里做一次接力么?

    父级组件中不需要对孙级的组件做任何的反应

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 在Vue中,父组件可以监听子组件的事件,然后将这些事件传递给子组件的祖父组件。祖父组件再将这些事件传递给孙子组件。这样,整个组件树中的所有组件都会接收到事件。

      以下是一个简单的例子:

      首先,我们需要在祖父组件中监听子组件的事件:

      javascript export default { data() { return { // 其他数据 }; }, methods: { handleEvent() { console.log('Event handled'); }, }, };

      然后,我们需要在子组件中监听祖父组件的事件:

      javascript export default { data() { return { // 其他数据 }; }, methods: { handleEvent() { console.log('Event handled'); }, }, watch: { // 当祖父组件的事件发生时,执行此方法 event() { console.log('Event received'); }, }, };

      在这个例子中,当祖父组件的事件发生时,事件处理器将被触发,并打印出事件的值。孙子组件也将接收到这个事件,并打印出事件的值。

      注意,我们使用watch属性来监听祖父组件的事件。watch属性接收一个函数,该函数将在祖父组件的事件发生时被调用。在这个函数中,我们可以执行任何我们想要在事件发生时执行的操作。

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