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

修改element的抽屉<el-drawer的宽度

Drawer 抽屉
有些时候, Dialog 组件并不满足我们的需求, 比如你的表单很长, 亦或是你需要临时展示一些文档, Drawer 拥有和 Dialog 几乎相同的 API, 在 UI 上带来不一样的体验.

我们通过el-button来显示Drawer,通过visible.sync来控制Drawer的显示状态。通过设置size属性来调整Drawer的宽度。

<el-drawertitle="我是标题":visible.sync="drawer":size="drawerWidth":with-header="false"><span>我来啦!</span>
</el-drawer>
<script>
export default {data() {return {drawerWidth: '60%' // Drawer宽度}}
}
</script>

相关文章:

  • 数据库管理-第120期 初探Halo数据库(202301201)
  • react native 环境准备
  • 初步认识结构体
  • BearPi Std 板从入门到放弃 - 后天篇(1)(I2C1 读取 光照强度)
  • 36.位运算符
  • mysql8.0 提取json数据转为行
  • Python类型注解必备利器:typing模块解读指南
  • 【Python】实现一个简单的区块链系统
  • 智能联动第三方告警中心,完美实现故障响应全闭环
  • MES物料的动态批次管理漫谈
  • 大模型技术的发展与实践
  • 4K-Resolution Photo Exposure Correction at 125 FPS with ~8K Parameters
  • Kubernetes(K8s)Pod控制器详解-06
  • 【刷题】二分查找
  • 操作系统·设备管理
  • 分享的文章《人生如棋》
  • 2017 前端面试准备 - 收藏集 - 掘金
  • HTTP传输编码增加了传输量,只为解决这一个问题 | 实用 HTTP
  • Java面向对象及其三大特征
  • Lucene解析 - 基本概念
  • SpiderData 2019年2月23日 DApp数据排行榜
  • SpringBoot几种定时任务的实现方式
  • TiDB 源码阅读系列文章(十)Chunk 和执行框架简介
  • WinRAR存在严重的安全漏洞影响5亿用户
  • yii2中session跨域名的问题
  • 百度贴吧爬虫node+vue baidu_tieba_crawler
  • 构建工具 - 收藏集 - 掘金
  • 前端代码风格自动化系列(二)之Commitlint
  • 嵌入式文件系统
  • 容器化应用: 在阿里云搭建多节点 Openshift 集群
  • 数据库写操作弃用“SELECT ... FOR UPDATE”解决方案
  • 白色的风信子
  • $(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别
  • (4)STL算法之比较
  • (Bean工厂的后处理器入门)学习Spring的第七天
  • (BFS)hdoj2377-Bus Pass
  • (html转换)StringEscapeUtils类的转义与反转义方法
  • (M)unity2D敌人的创建、人物属性设置,遇敌掉血
  • (ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)讲解
  • (阿里云万网)-域名注册购买实名流程
  • (分享)自己整理的一些简单awk实用语句
  • (附源码)springboot电竞专题网站 毕业设计 641314
  • (黑马出品_高级篇_01)SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式
  • (三)Hyperledger Fabric 1.1安装部署-chaincode测试
  • (转)母版页和相对路径
  • (转载)Linux 多线程条件变量同步
  • .Net mvc总结
  • .NET WebClient 类下载部分文件会错误?可能是解压缩的锅
  • .NET 的程序集加载上下文
  • .Net 中Partitioner static与dynamic的性能对比
  • .net经典笔试题
  • .NET应用架构设计:原则、模式与实践 目录预览
  • .net知识和学习方法系列(二十一)CLR-枚举
  • @SuppressWarnings(unchecked)代码的作用
  • @Tag和@Operation标签失效问题。SpringDoc 2.2.0(OpenApi 3)和Spring Boot 3.1.1集成