element-plus组件 el-drawer， 点击不同按钮时 怎么使el-drawer弹出的内容不一样？
element-plus组件 el-drawer， 点击不同按钮时 怎么使el-drawer弹出的内容不一样？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
辉煌仪奇 2022-04-29 10:13关注三个简单的解决方法
第一个,每个按钮绑定不同的el-drawer,每个el-drawer显示互斥即可实现,使用v-if or v-show 当然,如果禁止频繁的dom操作建议使用v-show,如果按键太多,建议放弃这个方法
第二个,创建一个el-drawer 在el-drawer内部创建条件显示不同按钮的内容,但是嘛,问题和第一个差不多
第三个 重写el-drawer这个组件使用插槽的方式动态的传入自己的对应显示内容即可
有帮助请采纳,你的采纳是对我最大的鼓励本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2020-06-03 17:32回答 3 已采纳 重新覆盖原来的样式，原来的样式是.el-drawer获取焦点时的outline ``` .el-drawer:focus { outline: none; } ```
- 2022-03-31 18:37回答 3 已采纳 报什么错
- 2022-10-13 16:56回答 1 已采纳 试试给box-card添加绝对定位，用z-index把层级调高
- 2024-08-19 16:53tekin的博客 默认抽屉定义， 这里的title就是标题的定义 title="I am the title" :direction="direction" :...title 然后将数据绑定到这个变量上即可 自定义动态标题示例 {{ title }}字典数据列表 效果 不添加标题 open Hi there!
- 2022-04-06 15:16回答 2 已采纳 import {Message} from 'element-ui' 引进来的是个样式已经加载打包好的单独组件 import Message from 'element-ui/packages/mes
- 2021-07-23 10:24回答 3 已采纳 版本的问题，我刚用了2.13.1 版本不可用，后面使用2.15.1版本就可以了
- 2022-03-08 15:12回答 2 已采纳 实际上vue原生slot-scope 的值将被用作一个临时变量名，可以接收父组件传过来的值，而在element中的table对slot-scope的值封装成了一个大的对象,对象里面有属性row(行)，
- 2025-01-06 10:39金玉龙5的博客 vue2中封装el-drawer、el-dialog这类反馈类子组件，需要将父组件的visible值传递子组件，并且再通过$emit将关闭弹窗的组件值传回父组件，同事子组件还需要监听父组件传递过来的visible的值，来驱动弹窗显示隐藏，很...
- 2019-07-02 17:59回答 2 已采纳 这种情况下我的做法就是当点击侧边栏弹出对话框前，将侧边栏关闭，然后弹出对话框，如果楼主想要对话框关闭时回到侧边栏，则可以设置关闭对话框时，再调用打开侧边栏 另外，侧边栏的写法可以改一下，如下所示：
- 2022-02-15 13:34回答 1 已采纳 参照文档 npm 下载 引入 关于触发点击事件的话 找特定的点击事件 你可以手动使用 ref 获取节点方式触发 this.$refs['xxx'].click() 手动的触发点击行为
- 2022-05-13 20:49回答 2 已采纳 参考下这个方法是否生效问题描述antd-vue 修改对话框 modal 的样式 解决方法 1、template 中添加添加一下 <div ref="yourModal"></div&
- 2024-06-03 21:00夏木瑾苏1的博客 附加到body上也是不能显示的，因为那样也不在全屏范围内，需求是页面有一个列表，点击全屏显示按钮时，显示该列表，该列表的每一行还可以点开查看详情，使用Drawer显示，全屏使用的依赖包是。在全屏进入后，Drawer就...
- 2024-09-26 17:15emoji111111的博客 el-drawer、el-dialog默认情况下，点击其他区域，会关闭该弹窗，如果要去除该功能,设置:close-on-click-modal="false"即可。
- 2021-01-18 13:45不锈钢大铁锤的博客 在使用el-drawer组件时,会出现自动聚焦第一个组件的bug 可以使用如下方法解决: 在drawer中设置一个div,设置ref和tabindex属性用于定位, 为drawer设置opened事件 在事件中手动聚焦在div中(注意: 此处的_this为在...
- 2021-12-09 14:131. **创建组件模板**：首先，需要创建一个新的Vue组件，包含Dialog或Drawer的基本结构，包括标题、内容区域和关闭按钮等元素。 2. **引入Element UI**：确保项目中已正确安装和引入Element UI，以便可以利用其提供...
- 2024-09-29 10:09ew45218的博客 对elementui的el-drawer抽屉控件实现拖拽功能。
- 2021-12-02 17:15勤奋的代码搬运工的博客 项目需求问题Vue项目element-ui弹窗组件el-dialog、el-drawer，阻止点击遮罩层关闭 Vue项目element-ui弹窗组件el-dialog、el-drawer，阻止点击遮罩层关闭 在使用element-ui组件的时，根据项目需求，需要修改组件默认...
- 2024-05-11 15:03何日成熟的博客 项目中遇到的 element-plus 相关问题经验总结
- 2023-12-05 14:46婷宝_知萌的博客 element-plus vue3 ，抽屉组件
- 2023-10-10 06:54_Never_More_的博客 这可不行,页面抖动这不能交付啊.查找原因,搜遍了网络没找到一点点有用的东西,全是那几条原创来回被传.头疼. 后来忘了哪里得来的灵感,说是这个抽屉出来的时候改变了高度什么的,导致页面左移了一个滚动条的宽度,只需要...
- 没有解决我的问题, 去提问
问题事件
系统已结题
5月14日
已采纳回答
5月6日-
创建了问题
4月29日