Fix lint error "You should not mix 'v-for' with 'v-if'"

iliyaZelenko · Mar 5, 2019 · 47d1039 · 47d1039
1 parent 7f30c6e
commit 47d1039
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/component.vue b/src/component.vue
@@ -69,19 +69,19 @@
 
           <div
             v-for="(item, i) in itemsComputed"
-            v-if="i < itemsLimit"
             :key="'IZ-item-' + i"
             :class="{
               'IZ-select__item': true,
               'IZ-select__item--selected': isItemSelected(item)
             }"
             tabindex="-1"
             @click="onClickSelectItem(item)"
-            :ref="'items'"
+            ref="items"
           >
             <slot
               :item="item"
               name="item"
+              v-if="i < itemsLimit"
             >
               <span>
                 {{ getItemText(item) }}
@@ -150,7 +150,6 @@ export default {
     focused: false,
     selectedItem: null,
     selectedItemByArrows: null,
-    // used only in the "search" computed (setter + getter)
     searchData: ''
   }),
   computed,

diff --git a/src/props.js b/src/props.js
@@ -13,7 +13,7 @@ export default {
   itemsLimit: {
     type: Number,
     default: 20,
-    note: 'property in item for text'
+    note: 'items limit'
   },
   itemText: {
     type: String,