美文网首页
vue2中props如何传值给data?

vue2中props如何传值给data?

作者: 我是哈斯 | 来源:发表于2021-11-15 15:40 被阅读0次

在data里面设置的时候只能设置初始值,所以如果想要在gallaryindex改变的时候跟着改变,可以watch一下,然后在watch里面做更新操作。

子组件

data () {
    return {
        swiperOption: {
            ...,
            initialSlide: this.gallaryindex,
            ...
        }
    }
},

watch: {
    gallaryindex (val) {
        this.swiperOption.initialSlide = val
    }
}

相关文章

  • vue2中props如何传值给data?

    在data里面设置的时候只能设置初始值,所以如果想要在gallaryindex改变的时候跟着改变,可以watch一...

  • (VUE3) 四、组件传值(父子组件传值 & 祖孙组件传值 &v

    1.父子组件传值 vue2中的父子组件传值:父组件: 子组件: vue3中的父子组件传值: 还是用props接收父...

  • vue组件传值

    父组件向子组件传值 props ①父组件内设置要传的数据『data(){ id: value}』 ②在父组件中引用...

  • 2018-09-05

    组件传值问题 父组件给子组件传值应该使用props。子组件要给父组件传值,需要调用父组件传递的方法。props传值...

  • Vue 组件通信(双向绑定)

    参考:如何在Vue2中实现组件props双向绑定

  • vue-props(1)

    props 父组件给子组件传值 父组件:在组件元素中配置要传递的属性和值 子组件,配置props数据,接收父组件传...

  • 2018-09-21

    组件之间的传值 1.父给子传用属性传 props:[‘属性名’] (组件传值(父子间传值) 谁在谁中显示,显示的元...

  • vue组件通信

    通常父子组件通信都是用props和$emit进行传递,父组件通过props传值给子组件,子组件通过$emit传值给...

  • 父容器:组件同学,你要学会适应我哦

    父容器动态传值! props是子组件用来接受父容器传值的参数,这里接受的变量和data中的变量同等阶级,使用起来一...

  • 【Vue】组件 - 验证props

    本节需要基础:【Vue】组件通信(父传子 props) props主要作用是让父组件传值给子组件。 普通的传值方式...

网友评论

      本文标题:vue2中props如何传值给data?

      本文链接:https://www.haomeiwen.com/subject/ycsqtrtx.html