如图，在用elementui时，想实现把输入框放在页切旁边，实际工作中是实现输入搜索功能，但目前没有把输入框放在页切旁的思路，望指教。
以上是代码，不知道input框该放哪里才能实现上图效果！
如何在elementui tabs旁添加一个input框？
如图，在用elementui时，想实现把输入框放在页切旁边，实际工作中是实现输入搜索功能，但目前没有把输入框放在页切旁的思路，望指教。
以上是代码，不知道input框该放哪里才能实现上图效果！
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
少十步 2021-10-16 08:24关注外层div relative定位 el-tabs style 设置宽度 calc(100% - 右边input的宽度) input 组件absolute定位， 宽度为减去的宽度 top:0 bottom:0 right:0
解决 无用评论 打赏举报 分享
- 2021-08-27 20:06回答 1 已采纳 定义一个类（tab容器可以relative定位，红线可以用一个absolute的div来做或者和csdn一样用after伪类，放到tab内，默认隐藏，tab聚焦后在设置显示出来），点击哪个tab就加上
- 2022-03-14 16:20回答 1 已采纳 在使用Echarts插件的方法外面定义一个全局变量（注意：一定得是全局变量），然后在插件使用的方法内，添加判断，调用eChart.dispose()方法先将图表销毁，然后再初始化
- 2021-01-10 22:52回答 7 已采纳 权限信息中三个选中信息时菜单信息的结果，没办法正常显示 这句话都不明白什么意思。 角色的权限信息和菜单信息什么关系，交互逻辑是什么？ 你选中中间的，期望出现什么，没有出现什么？
- 2023-04-12 15:32ADHD重症患者的博客 如果只是使用element-ui自带的图标则无需进行自定义图标的配置，直接调用即可；由于用的是自定义的图标，所以需要在background中引入对应的svg文件；ps：红色是因为添加了额外的css 在此...语法后生成一个完美的目录。
- 2022-12-26 11:01回答 2 已采纳 问题已解决。
- 2021-04-23 10:09回答 2 已采纳 最开始我使用了给元素添加contenteditable属性，也是最简单的一种方式，但会有一个问题，在第一次点击该tab时该属性生效，但页面上元素还不是可编辑状态，需要点击第二次才生效； 第二种方式动
- 2021-04-02 18:10回答 2 已采纳 你是将Vue的项目直接放在了服务器上面吗？
- 2022-09-17 15:49勇敢*牛牛的博客 利用富文本标签——elementui——关于tabs标签页不能在内部包裹这个from表单
- 2021-06-19 23:45回答 1 已采纳 好了，已经解决了，是vans-tab的v-moel只支持number类型，而我传递的参数是string类型
- 2022-04-22 20:26回答 8 已采纳 提个建议你可以尝试一下，通过前端调试工具，找到el-tabs对应css，然后在自己的css里定义一个同名的样式，在复制框架自带的样式以外，加一个min-height属性，把最小高度撑到你需要的高度，这
- 2021-08-20 16:11回答 2 已采纳 stretch
- 2024-05-24 18:25WCR_520的博客 el-form外面包一层el-row和el-col，el-tabs也包一层。
- 2022-05-25 12:10回答 2 已采纳 修改layout文件夹下TagsView的index.vue这个文件的路径为：layout\components\TagsView\index.vue满意请采纳
- 2024-02-29 17:29后端漫漫的博客 script> v-model="activeName" 具体来说，v-model 指令将 组件的当前激活状态（即当前显示的 ）与 Vue 实例中的一个数据属性（在这个例子中是 activeName）进行了绑定。 用户通过点击或其他交互方式改变 的激活状态...
- 2022-08-10 15:32一颗李子1231的博客 基于Element上在table中实现行数据单选、编辑
- 2023-02-22 10:57菜同学的博客 给表格绑定动态的 列名，在 input 框上绑定 focus 和 blur 事件动态改变列名，在初始化 sortablejs 时使用 handle属性来控制可以通过哪些地方来进行拖动。
- 2023-08-09 11:35ElementUI是一款基于Vue.js的开源前端组件库，它专为构建企业级的后台管理系统而设计。这个"Web元件库 ElementUI元件库 后台模板页面....总的来说，ElementUI是一个强大的前端开发工具，值得广大Web开发者学习和使用。
- 2024-08-26 11:09小菜菜love的博客 elementUI在事件中传递自定义参数
- 没有解决我的问题, 去提问
问题事件
创建了问题
10月15日
悬赏问题
- ¥15 短剧的sdk在哪里接入
- ¥15 求：可不可以提供一些 在国内可以用，低代码不要太难 在电脑上可以下载的 制作app的软件
- ¥60 找人回答kibana8.14.3二次集成开发，自定义插件ui导航栏如何设置
- ¥15 fluke高精度万用表8845A型号测交流电压一直跳动，且去掉输入后显示不归零
- ¥15 不同模型怎么用同一个shader
- ¥15 安卓启动没有ais proxy与v4l2的log打印
- ¥15 go怎么读取mdb文件里面的数据
- ¥60 Matlab联合CRUISE仿真编译dll文件报错
- ¥15 脱敏项目合作，ner需求合作
- ¥15 脱敏项目合作，ner需求合作