vue中返回啥的数据有空格怎么显示_vue中如何去掉空格的方法实现

摘要：这篇Vue栏目下的“vue中如何去掉空格的方法实现”，介绍的技术点是“去掉空格、Vue、去掉、空格、实现、方法”，希望对大家开发技术学习和问题解决有帮助。

一、问题

vue中当用户提交表单时，有的数据需要去掉前后空格然后再向后端发送。

二、解决方法

首先可以使用v-model.trim这个v-model修饰符去解决它，但是当用户输入\u200B时，这个方法就不奏效了，这时我们可以去一下v-model.trim这个修饰符的源码

function genDefaultModel (

el: ASTElement,

value: string,

modifiers: ?ASTModifiers

): ?boolean {

const type = el.attrsMap.type

const { lazy, number, trim } = modifiers || {}

const needCompositionGuard = !lazy && type !== 'range'

const event = lazy

? 'change'

: type === 'range'

? RANGE_TOKEN

: 'input'

let valueExpression = '$event.target.value'

// 去掉空格

if (trim) {

valueExpression = `$event.targe