iview 框架 中input带 search-icon图标的点击事件 无效怎么处理

            <Input
              v-model="name"
              search
              enter-button
              placeholder="搜索表单"
              style="width:200px"
              @on-enter="searchForm"
              @click.native="searchForm"
            />

 通过 icon 属性可以在输入框右边加一个图标。点击图标，会触发 on-click 事件。然而 on-click 不能成功触发，换成上面的代码却发现整个input都会触发点击事件，我想要的效果是点击图标触发点击事件

经过查询资料阅读官网，灵机一动有了处理方法，可以根据不同的情况选择slot

            <Input
              v-model="name"
              enter-button
              placeholder="搜索文章"
              style="width: 200px"
              @on-enter="searchForm"
            >
              <span slot="append">
                <Button type="primary">
                  <Icon type="ios-search" @click.prevent="searchForm" />
                </Button>
              </span>
            </Input>

当然样式此时是默认的default.尽管你已经设置了primary属性值，别急，我们来处理css样式

.ivu-input-group-append .ivu-btn,
.ivu-input-group-prepend .ivu-btn {
  background-color: #1354d3;
  color: #fff;
}

 测试就实现了我们的单击图标实现搜索了！