Cannot access data from a method in Vue.js (with Ionic)

Question

I am trying to access a variable from a method, but I get : Property 'commentLikeVisible' does not exist on type '{ toggleCommentLikeVisible: () => void;

Here is my code:

<template>
    <div 
        class="moments-item" 
        data-index="0"
    >
        <div class="item-right">
            <div class="item-ft">
                <div 
                    class="item-reply-btn" 
                    @click="toggleCommentLikeVisible"
                >
                    <span class="item-reply" />
                </div>
                <CommentLikeModal 
                    v-if="commentLikeVisible" 
                />
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import CommentLikeModal from '@/components/CommentLikeModal.vue';

export default {
    name: 'MomentItem',
    components: {
        CommentLikeModal
    },
    data() {
        return {
            commentLikeVisible: false
        }
    },
    methods: {
        toggleCommentLikeVisible: function() {
            this.commentLikeVisible = !this.commentLikeVisible;
        }
    }
}
</script>

I already tried toggleCommentLikeVisible() instead of toggleCommentLikeVisible: function() with the same result.

I have no idea what could be wrong in there.

@BoussadjraBrahim I know, I don't understand why it does not work, could it be something with ionic ? ( it worked for me too for a day or so and then I started getting the error message with no reason ! ) — Tarik Mokafih
– Tarik Mokafih, Commented Oct 31, 2020 at 18:08
Could be some nasty internal nodejs cache. Could you delete node_modules and reinstall? — Iyashi
– Iyashi, Commented Oct 31, 2020 at 18:26
@Iyashi Just removed the Ionic project and created it again with no change. Error always exists — Tarik Mokafih
– Tarik Mokafih, Commented Oct 31, 2020 at 18:42
@TarikMokafih import the project into codesandbox because there must be something different in your project is the other project is working fine? — Aaron Saunders
– Aaron Saunders, Commented Oct 31, 2020 at 18:50

Aaron Saunders · Accepted Answer · 2020-10-31 19:02:49Z

3

I think it is a warning/error because you have <script lang="ts"> if you edit the script tag, it appears to go away in the sample project I created <script>

answered Oct 31, 2020 at 19:02

Aaron Saunders

33.4k5 gold badges64 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot access data from a method in Vue.js (with Ionic)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related