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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 多个子组件公用一个父组件属性
    18
    0

    vue项目中,在父组件中有一个分页器,这个父组件下面有多个不同的子组件要用到这个分页器。我把页码通过props传了下去,通过监听页码改变来发送请求。在各个子组件中都能实现功能。但是现在有个问题是分页器当前选中的页码数,在各个子组件中是一样的。我怎么才能给各个子组件保存不同的页码数。

    (我能想到的就是在子组件中分别加分页器,不复用就不会相互干扰,但是我觉得这是最笨的方法,求大佬指点一二)

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

      在Vue中,为了在一个子组件中使用一个父组件的属性,可以使用props来实现。以下是一个简单的例子:

      首先,创建一个ParentComponent.vue

      ```html

      ```

      ChildComponent.vue中,我们使用v-bind="$parent.property"来接收ParentComponent组件的属性。v-bind是Vue指令,它用于绑定数据和属性到视图上。在这个例子中,v-bind="$parent.property"会将ParentComponent组件的property属性绑定到子组件的props属性中。

      ChildComponent.vue组件的template部分,我们简单地展示了如何使用这个属性:

      ```html

      ```

      在这个例子中,value属性是子组件ChildComponent组件的属性,ParentComponent组件的property属性会被子组件的value属性所引用。

      这样,当你在ChildComponent组件中使用parent.property属性时,ParentComponent组件的property属性将会被子组件的value属性引用,从而实现了子组件与父组件属性的共享。

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