#182 [bug] flag widget misbehaving
This commit is contained in:
parent
118ff214ce
commit
51dab198c0
|
@ -2,7 +2,7 @@
|
||||||
<div>
|
<div>
|
||||||
<draggable tag="ul" v-model="iVal" ghostClass="ghost" @end="$emit('input', iVal)" :group="ulid"
|
<draggable tag="ul" v-model="iVal" ghostClass="ghost" @end="$emit('input', iVal)" :group="ulid"
|
||||||
class="list-inline border rounded drop-empty px-3 py-2">
|
class="list-inline border rounded drop-empty px-3 py-2">
|
||||||
<li v-for="val in iVal" v-if="options[val]" class="list-inline-item py-1">
|
<li v-for="val in iVal" :key="val" v-if="options[val]" class="list-inline-item py-1">
|
||||||
<a href="#" class="badge badge-light border p-2" @click.prevent="$emit('input', iVal.filter(v => v !== val))">
|
<a href="#" class="badge badge-light border p-2" @click.prevent="$emit('input', iVal.filter(v => v !== val))">
|
||||||
<slot v-bind:v="val" v-bind:desc="options[val]">
|
<slot v-bind:v="val" v-bind:desc="options[val]">
|
||||||
{{ val }}
|
{{ val }}
|
||||||
|
@ -30,7 +30,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<draggable tag="ul" v-model="remainingOptions" ghostClass="ghost" @end="$emit('input', iVal)" class="list-inline" :group="ulid">
|
<draggable tag="ul" v-model="remainingOptions" ghostClass="ghost" @end="$emit('input', iVal)" class="list-inline" :group="ulid">
|
||||||
<li v-for="val in remainingOptions" v-if="(all && !search) || (search && options[val].toLowerCase().includes(search))" class="list-inline-item py-1">
|
<li v-for="val in remainingOptions" :key="val" v-if="(all && !search) || (search && options[val].toLowerCase().includes(search))" class="list-inline-item py-1">
|
||||||
<a href="#" class="badge badge-light p-2" @click.prevent="$emit('input', [...iVal, val])">
|
<a href="#" class="badge badge-light p-2" @click.prevent="$emit('input', [...iVal, val])">
|
||||||
<slot v-bind:v="val" v-bind:desc="options[val]">
|
<slot v-bind:v="val" v-bind:desc="options[val]">
|
||||||
{{ val }}
|
{{ val }}
|
||||||
|
|
Reference in New Issue