el-radio-group 与 el-dropdown 组合使用的注意事项

BillKu2025-05-22 22:28

MaterialIn.vue

el-dropdown 在 el-radio-group 外

html 复制代码

      <el-dropdown class="header-dropdown" split-button type="primary" @click="onNewClick">
        新建
        <template #dropdown>
          <el-dropdown-menu>
            <el-dropdown-item @click="onPurchaseRkClick">申购入库</el-dropdown-item>
            <el-dropdown-item @click="onDirectRkClick">直接入库</el-dropdown-item>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <el-radio-group class="header-e" v-model="rkType">

效果：

el-dropdown 在 el-radio-group 内

html 复制代码

      <el-radio-group class="header-e" v-model="rkType">
        <el-dropdown class="header-dropdown" split-button type="primary" @click="onNewClick">
          新建
          <template #dropdown>
            <el-dropdown-menu>
              <el-dropdown-item @click="onPurchaseRkClick">申购入库</el-dropdown-item>
              <el-dropdown-item @click="onDirectRkClick">直接入库</el-dropdown-item>
            </el-dropdown-menu>
          </template>
        </el-dropdown>

效果：离顶部的间距会变大