mysql下拉框记忆_使用下拉框时记住之前所选的值

最开始是稀里糊涂搞不清楚，select与option双向绑定时，做了一个小练习，帮助自己记忆绑定时，如何显示值

运行DEMO:

{{post.province.label}}

{{item.label}}

{{post.city.label}}

{{item.label}}

export default {

props: {

},

components: {

},

name: 'index',

data () {

return {

post:{

//省份

province:{},

//市

city:{},

//区县

district:{},

adress:'',

},

regionTemp:{

value:"-1",

label:"请选择",

},

ppList:[

{

value:'1',

label:'大傻'

},

{

value:'2',

label:'二傻'

},

{

value:'3',

label:'三傻'

},

],

ppList2:[

{

value:'1',

label:'大傻'

},

{

value:'2',

label:'二傻'

},

{

value:'3',

label:'三傻'

},

]

}

},

methods:{

setZhi(){

this.post.province = this.ppList[0];

this.post.city = {

label:this.ppList2[1].label,

value:this.ppList2[1].value

}

this.setZhi2();

},

setZhi2(){

this.post.province = this.ppList[1];

this.post.city = {

label:this.ppList2[0].label,

value:this.ppList2[0].value

}

},

sdsd(){

console.log('当前值',this.post.province);

},

},

mounted (){

this.post.province = this.regionTemp;

this.setZhi();

//this.ppList.push(this.regionTemp) ;

}

}

自己遇到的问题：选择级联地址之后，跳转到下一个页面，跳转时传递对象，返回时，不能选中之前所选择的值，整了一天，终于知道自己有多笨了！

解决办法，直接传递对象，最后提交数据的时候处理就好了！