Vue3中trim修饰符的应用场景 官网
trim修饰符常用于表单输入验证等场景。比如用户在登录表单输入用户名时,可能会不小心输入首尾空格。 template form @submit.prevent="handleSubmit" input v-model.trim="username" placeholder="请输入用户名" / button type="submit"登录/button /form/templatescript setupimport { ref } from 'vue';const username = ref('');const handleSubmit = () => { console.log('提交的用户名:', username.value); // 运行结果:输入' admin ',提交'admin'};/script 在表单提交前使用trim修饰符,可避免因空格导致的验证失败。