vue2中props如何传值给data?

Question

老生常谈的问题，搜索了N多次，试了多种方法，还是没有解决
废话少说，主要就是props动态获取的值，改变swiper4中的initialSlide的初始值
代码截图如下：
这是父截图：

接下来是子截图：

效果如下：

我点第一张，图片预览

输出出来的值是

我点第二张，还是第一张的图，但是输出出来的值是就不同了

就是这里，gallaryindex的值是动态的，但就是传不进initialSlide这里，也就是我点击的图片不会显示我点击的那张
这个我折腾了很久，但还是没法解决，真希望有大佬麻烦指点指点一下，能铺上代码最好！！！

Answer 1

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

子组件

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

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