Vue 常用的修饰符

事件修饰符

.stop:调用 event.stopPropagation()，禁止事件冒泡。

<div @click="shout(2)">
<button @click.stop="shout(1)">ok</button>
</div>

.prevent :调用 event.preventDefault()，阻止事件默认行为。
```
<form v-on:submit.prevent="onSubmit"></form>
```
.native:监听组件根元素的原生事件。注意：如果是在自己封装的组件或者是使用一些第三方的 UI 库时，会发现并不起效果，这时就需要用`·.native 修饰符了，如：
```
//使用示例：
<el-input
  v-model="inputName"
  placeholder="搜索你的文件"
  @keyup.enter.native="searchFile(params)"
>
</el-input>
```

.lazy - 取代 input 监听 change 事件

<input type="text" v-model.lazy="value">
<p>{{value}}</p>

.number - 输入字符串转为数字

<input v-model.number="age" type="number">

.trim - 输入首尾空格过滤

<input type="text" v-model.trim="value">