add remove button on input search user for creation.vue

This commit is contained in:
ogerly 2022-02-02 18:14:52 +01:00
parent 2f50bc8bbd
commit fe620c467c
2 changed files with 16 additions and 6 deletions

View File

@ -3,12 +3,20 @@
<b-row>
<b-col cols="12" lg="6">
<label>Usersuche</label>
<b-input
<b-input-group>
<b-form-input
type="text"
v-model="criteria"
class="shadow p-3 mb-5 bg-white rounded"
placeholder="User suche"
></b-input>
:placeholder="$t('user_search')"
@input="getUsers"
></b-form-input>
<b-input-group-append @click="criteria = ''">
<b-input-group-text>
<b-icon icon="x" />
</b-input-group-text>
</b-input-group-append>
</b-input-group>
<user-table
v-if="itemsList.length > 0"
type="UserListSearch"

View File

@ -13,10 +13,9 @@
type="text"
v-model="criteria"
:placeholder="$t('user_search')"
@input="getUsers"
></b-form-input>
<b-input-group-append v-bind="(criteria = '')" @click="getUsers">
<b-input-group-append @click="criteria = ''">
<b-input-group-text>
<b-icon icon="x" />
</b-input-group-text>
@ -119,6 +118,9 @@ export default {
currentPage() {
this.getUsers()
},
criteria() {
this.getUsers()
},
},
created() {
this.getUsers()