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

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

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