账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

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

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue中子组件向父组件传值,会实时更新吗?
    30
    0

    vue项目中遇到这样一个问题:

    触发子组件的一个事件,事件中emit触发父组件的自定义事件,向父组件发送了一个数组;
    在父组件中的自定义事件中拿到这个数组之后,赋值给定义在data中的一个变量,然后用这个变量去渲染了一个列表;
    整个代码中从头到尾子组件只emit了一次,也就是说父组件只接受了子组件的数组一次,拿到后也只给data赋值了一次;

    但问题来了,我修改子组件的数组内容(push,splice),父组件中的列表也跟着变了,这什么情况?

    然后我写了个demo,发现如果传的是个数值或字符串,在子组件中修改,父组件中的内容不会变...

    有遇到此类问题的人吗?求解答

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 从诂 普通会员 1楼

      在Vue中，子组件向父组件传值通常是在数据绑定的方式下进行的。当你将数据从一个子组件传递给另一个子组件时，这些数据会在两者之间实时更新。

      这是因为Vue中通过props属性将数据从父组件传递给子组件。props属性定义了子组件从父组件接收的数据类型和格式。当子组件的数据改变时，Vue会自动更新子组件的DOM，从而实现数据的实时更新。

      例如，假设你有一个名为Parent的父组件和一个名为Child的子组件，它们都有一个名为data的属性。你可以使用以下方式将数据从父组件传递给子组件：

      ```html

      ```

      在这个例子中，parentData是一个对象，其中包含子组件需要接收的数据。当你在Child组件中修改parentData的属性时，Vue会自动更新Child组件的DOM，从而实现数据的实时更新。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部