實現基於關鍵字搜尋，發現查詢到的結果集跟預期不匹配，開發者工具檢視相應的請求，發現在請求引數前面多了一個空格，之後就是去掉空格了，vue中去空格只要在該表單物件 的v-model上加trim屬性即可

說明：如下程式碼中使用了vuetify   <v-text-field>可以理解為封裝的文字框

<v-card-title flat color="white">
  <v-btn color="primary" @click="addBrand">新增</v-btn>
  <!--空間隔離元件-->
  <v-spacer />
  <!--搜尋框，與search屬性關聯-->
  <v-text-field label="輸入關鍵字搜尋" v-model.trim
 
="search" append-icon="search" hide-details />
</v-card-title>