Как вызвать метод в router-link?

Question

[Владислав]

Привет. Как можно вызвать метод внутри router-link? Т.е что - то такое:

router-link(tag="div", :to="{path: '/user/'+ getUserId(result.id)}")

Ну и соответсвенно в методе:

getUserId(uid) {
                axios.get("http://127.0.0.1:3000/blabla/"+uid).then((response) => {
                    return response.data[0].id;
                });
            }

У меня всегда получается undefined, но что - то не пойму почему. Перед ретурном консолит все правильно. В инете не нашел подобных примеров.

Answer 1

[Evgeny Kulakov]

axios.get ничего не возвращает, поэтому undefined.
Как вариант:

router-link(tag="div", :to="{path: '/user/'+ userId}")

data() {
  return {
    userId: 0
  }
},
mounted () {
this.getUserId(id)
},
methods: {
getUserId(uid) {
                axios.get("http://127.0.0.1:3000/blabla/"+uid).then((response) => {
                    this.userId = response.data[0].id;
                }).catch(error => {
                    console.log(error);
                });
            }
}

Comments

[Владислав]

А если необходимые до этого данные нужно получать тоже через axios?
Т.е есть метод, который вызывается в mounted:

getList() {
                axios.get("http://127.0.0.1:3000/bla").then((response) => {
                    this.results = response.data;
                }).catch(error => {
                    console.log(error);
                });
            }

Потом соответсвенно в Jade:

div(v-for="result in results")
                router-link(tag="div", :to="{path: '/user/'+ getUserId(result.id)}")
                    div {{result.id}}
                    div {{result.number}}

Т.е мне нужен параметр из другого ответа axios.

[Evgeny Kulakov]

Владислав: Думаю, что стоит получить сначала все данные. Или использовать императивную навигацию и не использовать router-link:

div(v-for="result in results")
                div(@click="handler(result.id)") 
                    div {{result.id}}
                    div {{result.number}}

methods: {
handler(uid) {
axios.get("http://127.0.0.1:3000/blabla/"+uid).then((response) => {
                    this.$router.push('/user/'+ response.data[0].id)
                }).catch(error => {
                    console.log(error);
                });
}