[Vuejs] 點擊單選框觸發兩次點擊事件的處理


<el-radio-group v-model="uploadStatus" class="upload-status-radio">
   <el-radio label="0" class="green" @click.native="clickRadio($event, 0)">成功</el-radio>
   <el-radio label="1" class="red" @click.native="clickRadio($event, 1)">失敗</el-radio>
</el-radio-group>
data () {
    return {
        uploadStatus: '-1'
    }
},
methods: {
    /**
     * 點擊單選框取消選中狀態的處理
     * @param e 原生e
     * @param index
     */
    clickRadio (e, index) {
      if (e.target.tagName === 'INPUT') return // 因為原生click事件會執行兩次,第一次在label標簽上,第二次在input標簽上,故此處理
      if (this.uploadStatus === index.toString()) {
        this.uploadStatus = '-1'
      }
    },
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM