Как удалить .slice() из v-for при вызове дочернего компонента на разных родительских компонентах?

Question

[litash]

Есть дочерний компонент <service-content />.
В нём я пишу

<div v-for="item in services.slice(0, 11)">
    {{ item.name }}
  </div>

Соответственно, v-for выводит мне 12 item'ов на страницах родительских компонентов index и services, где я и вызываю этот дочерний компонент <service-content />, но в родительском компоненте index мне нужен .slice(0, 11), а в родительском компоненте services мне нужен вывод всех item'ов без .slice(0, 11), как лучше это реализовать?

Answer 1

[Alex]

Делайте slice в родителе. А в service-content передавайте массив itemов которые нужно отобразить

Comments

[litash]

ой, спасибо большое) попробую :)