How to pass the value of props to data? in vue2

The platitudes of

have been searched for N many times and tried many methods, but they still haven"t solved
nonsense, which is mainly the value obtained dynamically by props. Change the initial value of initialSlide in swiper4
code screenshot is as follows:
this is the parent screenshot:

clipboard.png

clipboard.png

clipboard.png

clipboard.png

:

clipboard.png

clipboard.png

clipboard.png

:

clipboard.png

clipboard.png


clipboard.png

clipboard.png

is here, the value of gallaryindex is dynamic, but it cannot be transmitted to initialSlide here, that is, the picture I clicked will not show that I clicked on the
that I have been tossing about for a long time, but I still can"t solve it. I really hope that the boss can give us some advice, and it"s best to put on the code!

Vue.js
Mar.09,2021

you can only set the initial value when you set it in data , so if you want to change gallaryindex , you can change it watch , and then update it in watch .

subcomponents 

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

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

Previous: Angular2 cooperates with select selector in ng-zorro. After select selects one, how to change the route so that select does not display?

Next: There are too many ellipses in the bootstrap-table, column, and the mouse is put on it to display all the information?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu