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焦點來實現二者混用。

本文屬於做者原創，轉載請註明出處。