vue數(shù)據(jù)已經(jīng)變動，界面未變動

                   <select   class="ui search dropdown" v-model="pid"
                                      v-on:click="changeCategory()"
                                      v-on:change="changeCategory()">

                                    <option
                                            v-for="vo in categorylist"
                                            v-bind:value="vo.goodscategory_id"
                                             :key="vo.goodscategory_id">
                                    {{vo.goodscategory_name}}
                                    </option>

                            </select>

為什么數(shù)據(jù)已經(jīng)改變，但是界面并未改變select下拉

    var app = new Vue({
        el: '#app',
        data: {
            categorylist:[],//頂級分類列表
            pid:0,//選中的父級id

            secondcategorylist:[],//二級分類列表
            cid:0,//選中的二級分類

            autoparts_brandlist:[],//改件品牌列表
            autopartsbrand:0,

            modeiswrite:0,//二級分類才有 型號 0必填 1不填 2選填
        },
        computed:{



        },
        methods:{
            //改變頂級分類
            changeCategory:function(){
                //改變二級分類列表


                axios.get('__MODULE__/Goods/bypidGetsecondid', {params: {pid:app.pid}
                }).then(function (response) {

                    app.secondcategorylist=[];//首先清空
                    app.secondcategorylist=  response.data;
                    app.cid=response.data[0].goodscategory_id;
                //    app.modeiswrite=response.data[0].goodscategory_modeiswrite;

                   // 改變品牌
                    axios.get('__MODULE__/Goods/byCategoryidGetAutoPartsBrandId', {params: {categoryid:app.cid}
                    }).then(function (response1) {
                        app.autoparts_brandlist= response1.data;
                        app.autopartsbrand=response1.data[0].autopartsbrand_id;
                    });
                });


            },
         
        },
        created: function () {

 


        }
    })