当前位置： 首页 > news >正文

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

news 来源：原创 2025/5/22 12:44:20

MaterialIn.vue

el-dropdown 在 el-radio-group 外

      <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 内

      <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>

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

相关文章：

  • torch.matmul() VS torch.einsum()
  • 独占内存访问指令LDXR/STXR
  • Linux nbd 网络块设备(2)-内核实现
  • Universal Media Server (UMS)部署指南
  • 如何做好一份技术文档？
  • docker面试题（3）
  • 学习路之uniapp--unipush2.0推送功能--使用
  • Python包管理工具uv 国内源配置
  • XCOSnTh-fatfsShell
  • 使用Gemini, LangChain, Gradio打造一个书籍推荐系统 （第一部分）
  • 友思特方案 | 光示原形：高精度晶圆缺陷检测的高功率UVLED方案
  • SOC-ESP32S3部分：4-参数配置可视化menuconfig
  • 如何通过外链建设提升Shopify独立站的权重和排名
  • 第9.1讲、Tiny Encoder Transformer：极简文本分类与注意力可视化实战
  • 23种经典设计模式（GoF设计模式）
  • 【spring】spring学习系列之十一：spring的事件监听
  • 《会计研究》顶刊数据复刻！上市公司环境规制压力数据及研究价值
  • Android多线程下载文件拆解：原理、实现与优化
  • 2570. 合并两个二维数组 - 求和法
  • 每日leetcode
  • 做普工招聘网站/安卓手机优化软件哪个好
  • 网站建设优化开发公司哪家好/app推广拉新
  • 做手机网站哪家好/百度搜索推广和信息流推广
  • win2008系统asp网站建设/什么广告推广最有效果
  • 国外建设网站用的是什么软件/百度客服电话号码
  • 企业网络搭建毕业设计/网络优化seo是什么工作