實現基于關鍵字搜索，發現查詢到的結果集跟預期不匹配，開發者工具查看相應的請求，發現在請求參數前面多了一個空格，之后就是去掉空格了，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>

這樣的話就是兩端不能輸入空格

總結

以上是生活随笔為你收集整理的Vue中去掉表单对象上前后空格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。