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

鍍金池/ 問答/HTML5  HTML/ element中的select如何在下拉數(shù)據(jù)改變后清空之前的選擇?

element中的select如何在下拉數(shù)據(jù)改變后清空之前的選擇?

如圖1,在第一個下拉選擇的時候,第二個select 動態(tài)賦值,
圖片1

圖片2

但是在選擇了第一次動態(tài)生成的選項后,重新選擇了第一個select的選項,第二個下拉中的選項也隨之更改了,但是剛才的選項并沒有去除,還在上面,如圖三,
圖片3

有點懵逼,新手試煉中,不知道怎么在第一個select改變的時候清空第二個

回答
編輯回答
念舊

監(jiān)聽第一個seelect的change事件,清空第二個select綁定的值,或者賦值第一個

2018年8月23日 16:28
編輯回答
笑浮塵

監(jiān)聽第一個select的改變 然后把第二個select的值改成null

用watch, 像這樣

data(){
    return {
        form:{
            select1:null,
            select2:null
        }
        
    }
},
watch: {
    'form.select1': function (newValue, oldValue) {
        this.form.select2 = null
    }
},
methods:{
    ...
}
2018年7月9日 22:28