如何在elementui tabs旁添加一个input框?

img


如图,在用elementui时,想实现把输入框放在页切旁边,实际工作中是实现输入搜索功能,但目前没有把输入框放在页切旁的思路,望指教。

img


以上是代码,不知道input框该放哪里才能实现上图效果!

外层div relative定位 el-tabs style 设置宽度 calc(100% - 右边input的宽度) input 组件absolute定位, 宽度为减去的宽度 top:0 bottom:0 right:0

img