Why is v-for not seeing the variable?

Question

Vue.js

when I output it in curly brackets, then everything is fine, but when I give it v-for, it doesn’t see it ( last_page is
an int number )

<template>
    <div v-if="this.$parent.pages.last_page > 1" class="col-xs-12 text-center">

        <ul class="list-unstyled pagination">

            <li  v-if="this.$parent.pages.last_page < ( this.$parent.pages.step * 2 + 6 )" class="page__item" onclick="filter.get_products(this)" >

             </li>

            {{this.$parent.pages.last_page}}
        </ul>
    </div>
</template>

Answer 1

you don't need to use this in templates, and using $parent to access the parent component is not very good. Try to bind components via props, or use shared storage or vuex