<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
焦点来实现两者混用。
本文属于作者原创,转载请注明出处。
网友评论