Ifa applied, adds v-if on parent divs instead of children
This commit is contained in:
parent
c5b0db59a9
commit
c6cde3c024
1 changed files with 15 additions and 11 deletions
|
@ -32,16 +32,11 @@
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="small-8 columns">
|
<div class="small-8 columns">
|
||||||
<input
|
<div
|
||||||
v-if="inputType === 'plain_text'"
|
v-if="inputType === 'multi_select'"
|
||||||
v-model="values"
|
class="multiselect-wrap--small"
|
||||||
type="text"
|
>
|
||||||
class="filter--attributes_input"
|
|
||||||
placeholder="Enter value"
|
|
||||||
/>
|
|
||||||
<div class="multiselect-wrap--small">
|
|
||||||
<multiselect
|
<multiselect
|
||||||
v-if="inputType === 'multi_select'"
|
|
||||||
v-model="values"
|
v-model="values"
|
||||||
track-by="id"
|
track-by="id"
|
||||||
label="name"
|
label="name"
|
||||||
|
@ -54,9 +49,11 @@
|
||||||
:allow-empty="false"
|
:allow-empty="false"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="multiselect-wrap--small">
|
<div
|
||||||
|
v-else-if="inputType === 'search_select'"
|
||||||
|
class="multiselect-wrap--small"
|
||||||
|
>
|
||||||
<multiselect
|
<multiselect
|
||||||
v-if="inputType === 'search_select'"
|
|
||||||
v-model="values"
|
v-model="values"
|
||||||
track-by="id"
|
track-by="id"
|
||||||
label="name"
|
label="name"
|
||||||
|
@ -69,6 +66,13 @@
|
||||||
:option-height="104"
|
:option-height="104"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<input
|
||||||
|
v-else
|
||||||
|
v-model="values"
|
||||||
|
type="text"
|
||||||
|
class="filter--attributes_input"
|
||||||
|
placeholder="Enter value"
|
||||||
|
/>
|
||||||
<div v-if="v.values.$dirty && v.values.$error" class="filter-error">
|
<div v-if="v.values.$dirty && v.values.$error" class="filter-error">
|
||||||
Value is required.
|
Value is required.
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue