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 焦点来实现两者混用。

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