在Mint ui中search如何触发确定事件

Question

在mint-ui中的搜索框,如何使用类似@keyup.enter这样的事件?

<mt-search v-model="value" @keyup.enter="xxx"></mt-search>

这样的写法不行啊? 官网上也没找到具体的例子

Answer 1

@keyup.enter.native="xxx"

见文档：https://mint-ui.github.io/doc...

关于事件绑定 在 Vue 2.0 中，为自定义组件绑定原生事件必须使用 .native 修饰符： <my-component
@click.native="handleClick">Click Me</my-component> 从易用性的角度出发，我们对
Button 组件进行了处理，使它可以监听 click 事件： <mt-button
@click="handleButtonClick">Click Me</mt-button> 但是对于其他组件，还是需要添加
.native 修饰符。

Answer 2

。。你可以在谷歌把这部分html扒下来，在里面的input给个事件，和双向绑定

Answer 3

同问，真官网的文档正的坑

Answer 4

可以参考这里：http://www.xiuyuan.info/?cat=47

Answer 5

献上我实际的代码：
dom:
<mt-search v-model="value" @keyup.enter.native="search"
cancel-text="取消"
placeholder="搜索">
</mt-search>

js:
methods: {

search () {
  if (this.value.length !== 0) {
    this.$router.push({name: 'search', query: {value: this.value}})
  }
}

}