Vue.js前端Vue专辑

15.v-model修饰符.trim

2020-03-03  本文已影响0人  半生_温暖纯良_Junzer

1.v-model修饰符.trim

<div id="app">
  <p>input 元素:</p>
  <input v-model.trim="message">
</div>
data () {
return {
  message: '后            羿',
}
}

初始状态

初始状态

输入过程中

输入过程中

失去焦点

失去焦点

2.watch监听.trim

1.用 watch 来监听 message,
2.在input前后输入空格,不会触发数据更新,
3.即如果监听内写有事件,事件不会触发

上一篇 下一篇

猜你喜欢

热点阅读