美文网首页让前端飞Web前端之路Vue.js专区
element ui单选框(radio)与弹出框(Popover

element ui单选框(radio)与弹出框(Popover

作者: 李佳明先生 | 来源:发表于2019-06-21 20:51 被阅读5次
    <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焦点来实现两者混用。

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

    相关文章

      网友评论

        本文标题:element ui单选框(radio)与弹出框(Popover

        本文链接:https://www.haomeiwen.com/subject/qxsuqctx.html