element ui单选框(radio)与弹出框(Popover)混用失灵

2019年9月10日 377次阅读 来源: 心隐居士 
<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>

《element ui单选框(radio)与弹出框(Popover)混用失灵》
解读：如果用el-popover直接包el-radio的话，在click类型下，弹出框会一闪就消失，笔者这里用button包住el-radio，将原样式隐藏，手动获取el-radio焦点来实现两者混用。

本文属于作者原创，转载请注明出处。

    原文作者：心隐居士
    原文地址: https://segmentfault.com/a/1190000019563660
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞