VueJS v-образный дюйм laravel лезвие

Question

Как я могу создать список в блейде laravel (v7), используя метод VueJS v-for ?

внутри home.blade. php :

<template v-for="(item,index) in this.list">
    <qm-item number="@{{index}}"></qm-item>
</template>

в исходном коде это приводит к:

<qm-item number="index"></qm-item>

, но я бы хотел, чтобы число = 0 или = 1 в первом qm- item , number = 2 на втором и т.д. исходный код браузера для этого, потому что он не обновляется.

Answer 1

Вы должны bind набрать следующий номер:

<qm-item :number="index"></qm-item>

Answer 2

Вам необходимо привязать number:

<template v-for="(item,index) in this.list">
    <qm-item :number="index"></qm-item>
</template>

index будет определено на стороне Vue. js, а не на стороне Laravel.

Answer 3

Когда вы передаете данные из blade-сервера в свой Vue компонент, вы должны связать реквизиты с начальным : Итак, в вашем случае это должно быть <qm-item :number="{{index}}"></qm-item> Кроме того, используйте переменную так же, как вы обычно делаете в лезвие.