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