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

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

news 2025/7/9 22:11:24

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>

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

http://www.dtcms.com/a/205321.html

相关文章：

  • 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
  • 手搓四人麻将程序
  • 如何应对kaggle离线安装环境？
  • 5月21日星期三今日早报简报微语报早读
  • Cross-Mix Monitoring for Medical Image Segmentation With Limited Supervision
  • 【C语言】复习~数组和指针
  • 云DNS智能解析：实现多区域部署
  • SpringBoot JAR 启动原理
  • 【Linux高级全栈开发】2.2.1 Linux服务器百万并发实现2.2.2 Posix API与网络协议栈
  • Mysql差异备份与恢复
  • 小黑黑prompt表述短语积累1