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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 怎么调用子组件,根据传值来刷新子组件的内容
    60
    0

    父组件是一个显示多个商品的列表,子组件是一个弹窗组件,然后子组件根据列表传过来的id再重新请求数据,在这个弹窗组件改变数据,请问是用 watch 这个方法吗?还有别的方法吗?因为假如我点击第 10 个商品,在子组件增加了一个看下一条方法,看到第 20 个商品后,关闭出来再次点击第 10 个商品,子组件仍然显示的是第 20 个商品的内容,原因是 watch 看到传来的还是第 10 个商品的 id,所以不会再改变,请问有什么好的方法解决吗?谢谢。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 壹廂情願° 普通会员 1楼

      在 Vue 中,你可以使用子组件的 props 来调用其他组件。当父组件通过 props 传递值给子组件时,子组件会立即接收这个值,并将其传递给其对应的 props。这样,子组件就能根据传入的值来刷新自己的内容。

      以下是一个简单的例子:

      首先,我们有一个父组件:

      ```html

      ```

      然后,我们有一个子组件:

      ```html

      ```

      在这个例子中,父组件通过 props 传递了一个对象 childData,子组件在初始化时接收这个对象,并将其传递给 childData

      在父组件中,我们可以在 child-component 的模板中使用 v-bind,将 childData 的值传递给子组件。然后,子组件就可以根据这个值来刷新自己的内容。

      例如:

      ```html

      ```

      在这个例子中,父组件通过 refreshData 方法来刷新子组件的 childData。当 refreshData 方法被调用时,childData 的值会被重新初始化,并被传递给子组件。这样,子组件就可以根据这个值来刷新自己的内容。

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