当前位置 博文首页 > 后端码匠：Vue中去掉表单对象上前后空格
实现基于关键字搜索，发现查询到的结果集跟预期不匹配，开发者工具查看相应的请求，发现在请求参数前面多了一个空格，之后就是去掉空格了，vue中去空格只要在该表单对象 的v-model上加trim属性即可
说明：如下代码中使用了vuetify 可以理解为封装的文本框
<el-form :inline="true">
<el-form-item>
<el-input v-model.trim="searchForm.name" placeholder="名称" clearable>
</el-input>
</el-form-item>
<el-form-item>
<el-button @click="getRoleList">搜索</el-button>
</el-form-item>
<el-form-item>
<!-- 气泡删除 -->
<el-popconfirm title="这是确定批量删除吗？" @confirm="delHandle(null)">
<el-button type="danger" slot="reference" :disabled="delBtlStatu"
>批量删除</el-button
>
</el-popconfirm>
</el-form-item>
</el-form>
这样的话就是两端不能输入空格
