如何让标签像输入框一样自由

vue-cli
element-ui

#1

在使用vue中遇到这样一个需求,在输入框内加入标签,如果标签过多就要让多出来的标签隐藏,,并且可以多选,像输入框一样,可以自由的像后或者像前拖动,怎么实现 我用的是element-ui Tag 标签QQ%E5%9B%BE%E7%89%8720181130103222


#2

这种需求的实现跟 Vue 没关系,Vue 能做的就是提供 $refs 方便你获取 DOM 节点。


#3

饿了么的select组件就可以啊
image


#4

不行需求是不让换行的


#5

拖拽框会变大嘛 如果变大以前隐藏的就显示出来嘛 其实思路就是监听最外层容器的大小 然后计算出里面要动态显示的标签的大小 坐下对比就ok了


#6

楼上正解,归根揭底还是监听搜索框最大宽度