v-if="index==10"怎么变动态赋值，然后把值赋给this.querylist.cateids

让this.querylist.cateids = this.cateids，cateids点击导航栏的时候，值就随之改变，求帮忙解答一下

<template>
    <view>
    <view class="wrap" v-for="(item,index) in list" @click="daind(index)" :key="index">
        {{item.text}}
    </view>
    <view class="">
            <view class="__bdi11" v-if="index==0">
                asfhsidfji
            </view>
            <view class="__bdi11" v-if="index==1">
                1111123434
            </view>
            <view class="__bdi11" v-if="index==2"> 
                45566666
            </view>
            <view class="__bdi11" v-if="index==3">
                234354
            </view>
    </view>
    
    </view>
</template>
<script>
    export default {
        data() {
            return {
                index:1,
                list:[
                    {
                        text:"asd"
                    },
                    {
                        text:"222"
                    },
                    {
                        text:"333"
                    },
                    {
                        text:"4444"
                    }
                ]
            }
        },

        methods:{
                
            daind(i){
                this.index=i
                console.log(i)
            }
        }
    }
</script>