鍍金池/ 問答/HTML/ vue2中props如何傳值給data?

vue2中props如何傳值給data?

老生常談的問題，搜索了N多次，試了多種方法，還是沒有解決
廢話少說，主要就是props動態(tài)獲取的值，改變swiper4中的initialSlide的初始值
代碼截圖如下：
這是父截圖：

clipboard.png

clipboard.png

clipboard.png

clipboard.png

接下來是子截圖：

clipboard.png

clipboard.png

clipboard.png

效果如下：

clipboard.png

我點第一張，圖片預(yù)覽

clipboard.png

輸出出來的值是
clipboard.png

我點第二張，還是第一張的圖，但是輸出出來的值是就不同了

clipboard.png

就是這里，gallaryindex的值是動態(tài)的，但就是傳不進(jìn)initialSlide這里，也就是我點擊的圖片不會顯示我點擊的那張
這個我折騰了很久，但還是沒法解決，真希望有大佬麻煩指點指點一下，能鋪上代碼最好?。?！

回答
編輯回答
失心人

在data里面設(shè)置的時候只能設(shè)置初始值，所以如果想要在gallaryindex改變的時候跟著改變，可以watch一下，然后在watch里面做更新操作。

子組件

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

watch: {
    gallaryindex (val) {
        this.swiperOption.initialSlide = val
    }
}
2017年6月29日 02:46