同element-ui一样，el-input和a-input 均不支持v-model修饰符。

解决办法：

element-ui示例代码：

1
2
3
4
5
6
7
8
9
10
11
<el-form-item>
    <el-input
        placeholder="请输入内容"
        v-model="queryInfo.name"
        @blur="queryInfo.name=$event.target.value.trim()"
        clearable
        maxlength="11"
    >

    </el-input>
</el-form-item>

ant-design-vue示例代码：

1
2
3
<a-form-item label="租户名称">
   <a-input placeholder="请输入租户名称" v-model="queryInfo.name" allowClear />
</a-form-item>

去空格函数

1
2
3
4
5
6
7
8
9
10
methods:{
    tirmHandler(target, prop){
        if (target && target[prop] && target[prop].trim) {
            target[prop] = target[prop].trim()
        }
    },
    handleCnfirm(){
        this.trimHandler(this.queryInfo.name,'name')
    }   
}