how to access result of method in vue

Question

I want to pass a result of a method to params. Here's my code

<template>
    <router-link
        v-bind:to="{
            name: 'faq-page',
            params: { id: selectedCategory },
        }"
    >
         <li><a @click="findCategory(eachQuestion.id, faqData)">{{eachQuestion.question}}</a></li>
    </router-link>
</template>

<script>
export default {
    data() {
        return {
            selectedCategory: ''
        }
    },
    methods: {
        findCategory(id, list) {
            const x = //function here
            if (x) {
             return this.selectedCategory = this.x.slug;
            }
        }
    }
}
</script>

The idea of this code is, whenever a user click the <li>, the method will be executed to find x.slug. Then I want to pass the x.slug in the params. I believe I did something wrong with the code. What's the correct way to pass the method value to the params? Thanks so much.

this.category is not defined in the data. From where do you get it? — Noy Gafni
– Noy Gafni, Commented Apr 28, 2021 at 9:57
ah sorry, I mistyped my question. Fixed it already! @NoyGafni — jade
– jade, Commented Apr 28, 2021 at 10:35

Noy Gafni · Accepted Answer · 2021-04-28 10:57:59Z

1

Your method should not return the a value, and x is a local variable so you shouldn’t use this.x:


methods: {
        findCategory(id, list) {
            const x = //function here
            if (x) {
             this.selectedCategory = x.slug;
            }
        }
    }

answered Apr 28, 2021 at 10:57

Noy Gafni

1,2411 gold badge14 silver badges28 bronze badges

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

5 Comments

jade Over a year ago

I see.. I've tried it but it still doesn't work. Is this line valid params: { id: selectedCategory }?

Noy Gafni Over a year ago

It suppose to work but maybe try return the hole route to object in a computed property and see if it works

jade Over a year ago

Solved it! Thank u so much!!

Noy Gafni Over a year ago

so the solution was using it in computed property??

jade Over a year ago

no, my list wasn't imported properly so i had to fix that one. but your answer is true and it helped solve my problem!

Collectives™ on Stack Overflow

how to access result of method in vue

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related