v-model.trim 和 v-model 有什么区别？

Question

当我将 v-model.trim 与 Calendar

一起使用时出现错误

<Calendar id="birth_date" v-model.trim="employeeSetup.birth_date" :showButtonBar="true" required="true" :class="{'p-invalid': submitted && !employeeSetup.birth_date}" ref="birth_date" v-on:keyup.enter="this.$refs.gender.$el.focus()" />

但是当我将 v-model.trim 与 InputText

一起使用时，它工作得很好

Answer 1

trim 是一个修饰符，可以删除输入文本中任何额外的 space :

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

它使用了字符串的js函数trim() :

let s="brahim "
console.log(s+'boussadjra')
let t=s.trim() //removes the space

console.log(t+'boussadjra')

日历是自定义组件，不是简单的输入

v-model.trim 和 v-model 有什么区别？

What's the difference between v-model.trim and v-model?

calendar

vue.js

v-model