时间戳

首页 > 解决方案 > v-model.trim 和 v-model 有什么区别？

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

问题描述

在此处输入图像描述 当我将v-model.trim与日历一起使用时出现错误

<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 一起使用时，它工作得很好

标签： vue.jscalendarv-model

解决方案

trim是一个修饰符，用于删除输入文本中的任何多余空格：

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

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

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

console.log(t+'boussadjra')

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

推荐阅读