解决el-radio-group只触发一次的问题

1.需求是点击合并后,出来二次确认框。现在的问题是点击完出现二次确认框后,再次点击不出来二次确认框了

2.一开始代码是这样写的


     展开
            
                
                  
                  
                  
                  
                
                
确认 取消
合并
mergeFlag:false changeMerge(val) { this.mergeVal = val; if (val === 2) { this.mergeFlag = true; } else { this.mergeFlag = false; } }, cancleMerge() { this.mergeFlag = false }, sureMerge(){ this.mergeFlag = false 再写相关逻辑 }

3.解决思路

  既然点了后再次点击不触发  那就重写事件 取消原来默认事件

  把原来绑在el-radio-group的事件取消掉  再el-radio-button俩个上面都绑定@click.native.prevent="changeMerge(1)"一个传1 一个传2 这样就触发了

原来想的是用el-button来写,试过el-button点多少次都会触发二次确认框  但是你更改其样式为el-radio-button的样式 工程量比较大 所以没深研究

你可能感兴趣的:(vue.js,javascript,前端)