FilterOldItem
components/filter/old/Item.vue
A single filter pill in display mode — key, operator (as symbol for eq/neq, label otherwise), value, and a delete (x) button. Tag filters with no value read as "tag exists" instead of a blank value.
method
=
GET
Scenarios
eq
method
=
GET
neq
status
!=
500
contains (labeled operator)
destination
contains
qpoint
Tag filter, no value
bin
tag exists
Overflow value
user-agent
contains
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36
components/filter/old/Item.vue
Usage
<FilterOldItem
_key = "undefined"
val = "undefined"
operator = "undefined"
:isTagFilter = "false"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| _key | String | undefined | The filter key. |
| val | String | undefined | The filter value. |
| operator | String | undefined | Falls back to FILTER_DEFAULT_OP when unset. |
| isTagFilter | Boolean | false | Renders "tag exists" instead of a value when true and val is empty. |
Events
| Event | Description |
|---|---|
| click | Fired on pill click — consumer starts inline edit. |
| delete | Fired on the x button — stops propagation so it doesn't also fire click. |