鍍金池/ 問答/HTML/ vue組件里的if條件不執(zhí)行，if和else都被執(zhí)行

vue組件里的if條件不執(zhí)行，if和else都被執(zhí)行

data(){
    return{
        value2:true
    }
},
methods: {
        changState(){
            if (this.value2) {
                console.log(1111)    
            } else {
                console.log(2222)      
            }
        }
        
        
        element-ui組件
        <el-switch
        v-model="value2" @click.native="changState"
        active-color="#13ce66">
    </el-switch>

為什么if限制不住呢，changState竟然if 和 else都會被執(zhí)行 1111和2222都會執(zhí)行

回答
編輯回答
撿肥皂

應(yīng)該是changState方法執(zhí)行了多次, this.value2的值true和false都有, 打印一下就可以了

2018年8月31日 13:04
編輯回答
情已空

查看是不是 changState方法多次執(zhí)行了

2017年11月21日 12:12
編輯回答
維她命

首先if和else在一次執(zhí)行過程中，絕對不可能都執(zhí)行，這一點不用懷疑。

如果1111和2222都被打印出來你可以考慮一下是不是執(zhí)行了兩遍，且value的值被改變過

其次，created中使用了$route.query，這個值貌似指的是?a=123&b=123這樣的queryString。如果真值分支沒有執(zhí)行，那就說明queryStirng中始終有id這個屬性。你沒帖其他的東西，只能這么 分析了

2017年6月5日 06:07