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>

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

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