vue的iview组件。有一个input 我怎么控制后面的solt没有中间的竖线

Question

这个...要有事件的，移上去是个小手哦
上图是我想要做的效果，但是官网上貌似是input和buuton合起来的，中间这个竖线我怎么去掉呢？？

Answer 1

看这个，你添加了on-click就会给图标加事件，API说的很清楚，看文档不仔细。 至于移上去变小手，你就给icon图标写一个css属性就行了，审查元素看它的类名，如果你觉得会影响全局，给当前input组件的父元素加一个类名，然后设置即可，就像这样:

.parent .ivu-input-icon{
     cursor:pointer;
  }
  

css是很灵活的东西，不用搞的那么死板嘛！