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

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

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

如圖1,在第一個(gè)下拉選擇的時(shí)候,第二個(gè)select 動(dòng)態(tài)賦值,
圖片1

圖片2

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

有點(diǎn)懵逼,新手試煉中,不知道怎么在第一個(gè)select改變的時(shí)候清空第二個(gè)

回答
編輯回答
念舊

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

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

監(jiān)聽第一個(gè)select的改變 然后把第二個(gè)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