afghany
192
6
Vue

My component not rendering some elements

Posted 2 months ago by afghany

my span element not rending in the page

  <span class="counter" v-text="record.issues.length"></span>

this is my component call

<records :records="{{$board->records}}"></records>

and here is my component code

<template>

    <div class="task-navigation-bar">

        <div class="row">

            <div class="col-md-12">

                <ul class="steps">

                    <li v-for="record in records" v-text="record.name">

                        <span class="counter" v-text="record.issues.length"></span>

                    </li>

                </ul>

            </div>

        </div>

    </div>

</template>

<script>
    export default {
        name: "Records",
        props:['records']
    }
</script>

Please sign in or create an account to participate in this conversation.