The El cascader echo only selects the questions that are not displayed

el-cascader Echo only select the questions that are not displayed

Look at the code first

<el-cascader 
  :options="cityData" 
  v-model="cityCascader"
  @change="handleChange"
	class="w500">
</el-cascader>

because el-cascader Of v-model Bound must be an array

So when I click on the corresponding page to make a request , The value that will be required push To cityCascader in

//  Click to get the data , Put the data push To cascade for default display 
if(this.form.province != ""){
    
	this.cityCascader.push(this.form.province)
}
this.cityCascader.push(this.form.city)
this.cityCascader.push(this.form.district)

At this time, the problem of title will appear , my cityCascader The data is in line with the requirements , But the cascading selection box has no default data , Only by default

The solution is , Without array push Method , Instead, assign values directly

if(this.form.province != ""){
    
	this.cityCascader = [this.form.province,this.form.city,this.form.district]
}else{
    
	this.cityCascader = [this.form.city,this.form.district]
}

At this point, it can be displayed by default