在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue路由第一次進(jìn)入頁面,所有頁面加載和數(shù)據(jù)監(jiān)聽及渲染都正常,在當(dāng)前頁面刷新之后

vue路由第一次進(jìn)入頁面,所有頁面加載和數(shù)據(jù)監(jiān)聽及渲染都正常,在當(dāng)前頁面刷新之后,監(jiān)聽數(shù)據(jù)變化依然正常,但數(shù)據(jù)渲染不上

現(xiàn)在要實現(xiàn)一個省市區(qū)篩選功能,根據(jù)省份的變化請求接口,獲得該省對應(yīng)的城市列表,現(xiàn)在是每次進(jìn)入這個頁面的時候省份變化的監(jiān)聽和對應(yīng)數(shù)據(jù)的渲染是正常的,如圖一所示,但是在當(dāng)前頁面刷新之后,省份變化的監(jiān)聽也能監(jiān)聽到,對應(yīng)的城市列表頁獲取到了,就是城市列表的數(shù)據(jù)渲染渲染不上,如圖二,不知道為啥,求各位大神指教
clipboard.png

clipboard.png

代碼如下
html:
<div class="filt-slidedown slidedown1 fl" v-if="isMechanism" :style="isZc?'':'margin-left:10px;'">

            <div class="s-select">
                <select style="width:108px;" v-model="selectProvinceTwo" v-if="list[0]">
                    <option value="">全部</option>
                    <option v-for="item in list" :key="item.id" :value="item.areaCode">{{item.areaName}}</option>
                </select>
            </div>
            <div class="s-select">
                <select style="width:108px;" v-model="selectCityTwo" >
                    <option value="">全部</option>
                    <option v-for="item in cityListTwo" :key="item.id" :value="item.areaCode">{{item.areaName}}</option>
                </select>
            </div>
            <div class="s-select">
                <select style="width:258px;"  v-model="selectCompany"   >
                    <option value="">全部</option>
                        <option v-for="item in companyList" :key="item.id" :value="item.id">{{item.companyName}}</option>
                </select>
            </div>
        </div>

js:
watch:{

selectProvinceTwo(val){
      this.type='jigou'
      this.selectCityTwo = ''
      this.selectCompany = '' 
      this.getCityList(val)//城市接口請求
      
  },
  selectCityTwo(val){
    this.selectCompany = ''
    this.getCompanyist(val) //機(jī)構(gòu)接口請求
  },
  selectCompany(val){
        var companyName
        this.companyList.forEach(item => {
            if(val == item.id) {
                companyName = item.companyName
            }
        })
        var data ={
            areaKey:'',
            company:val,
            companyName:companyName
        }
        this.$emit('getArea',data)
  },
  isClear(){
      this.selectProvinceTwo = ''
  },
  cityListTwo(val){
        if(val != []){
            this.cityListTwo = val
        }
      
  }

}

clipboard.png

clipboard.png

回答
編輯回答
夢若殤

getCityList的代碼貼一下。我猜測是空值的請求發(fā)出去了,然后回來的慢。結(jié)果空值把有值的覆蓋的。寫一下控制,只有最后一次ajax才會賦值。

看控制臺是已經(jīng)渲染出來了
clipboard.png

因為點出來的那個東西,不是select呀。
clipboard.png

2018年1月18日 12:58