element ui单选框(radio)与弹出框(Popover)混用失灵
<el-radio-group v-model="form.buyType"> <el-radio label="我是单选框a"></el-radio> <el-popover placement="bottom" title="" width="200" trigger="click" content="哈哈,我是弹出框里的内容"> <button @click="form.buyType='按使用用户人数购买'" style="background-color: transparent;border: none;" slot="reference"> <el-radio label="我是单选框b"></el-radio> </button> </el-popover> </el-radio-group>
解读:如果用el-popover
直接包el-radio
的话,在click
类型下,弹出框会一闪就消失,笔者这里用button
包住el-radio
,将原样式隐藏,手动获取el-radio
焦点来实现两者混用。
本文属于作者原创,转载请注明出处。