javascript - vue.js、vue-router 和参数/属性

Question

我正在使用 vue-router 运行 Vue.js，并尝试将参数传递给我的模板。

这是我的路线:

{ path: '/car/:id', component: car, props: true },

这是我的模板Car.vue:

<template>
    <h2>{{ id }}</h2>
</template>

<script>
    export default {
        props: ['id']
    },
    methods: {
        getCar: function () {
        axios.get('http://my-api/car/' + id)
            .then((response) => {
                this.car = response.data
            })
            .catch((error) => {
                console.log(error)
            })
    }
</script>

我收到错误:

  ✘  http://eslint.org/docs/rules/no-undef  'id' is not defined

但 id 显示在 h2 中，但未在 api 调用中使用。

Answer 1

使用this来使用你的 Prop 。this.id 将解决您的问题。