1.需求是点击合并后,出来二次确认框。现在的问题是点击完出现二次确认框后,再次点击不出来二次确认框了
2.一开始代码是这样写的
<el-radio-group v-model="unfold" size="mini" @change='changeMerge'><el-radio-button :label='1' border size="mini" class="unfold">展开</el-radio-button><el-popover placement="bottom" width="430" v-model="mergeFlag" trigger="manual"><el-checkbox-group v-model="checkList" class="mt10" @change="handleCheckedChange"><el-checkbox label="下达人"></el-checkbox><el-checkbox label="下达日期"></el-checkbox><el-checkbox label="下达时间"></el-checkbox><el-checkbox label="评语内容"></el-checkbox></el-checkbox-group><div style="text-align: center;" class="mt20"><el-button size="mini" type="primary" @click="sureMerge">确认</el-button><el-button size="mini" @click="cancleMerge">取消</el-button></div><el-radio-button :label='2' border size="mini" class="merge" slot="reference">合并</el-radio-button></el-popover></el-radio-group>mergeFlag:falsechangeMerge(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的样式 工程量比较大 所以没深研究