我有一个路由组件，为什么我在路由定义中设置道具时不会自动更新？

Question

我的索引书列出了所有已注册的书籍，当我单击编辑特定书籍时，它确实在路线中获得了特定书籍的 id，但我的 props 元素没有得到它，这是什么错误！ 我该如何解决？

下面是我的索引页上的代码：

<router-link :to="{ name: 'update_book', params: {id: book.id} }"> <font-awesome-icon icon="pen-square" /> </router-link>

在我的更新页面中：

<script>
 props: ['id'],
 data() {
  return {
   books: [],
  };
 },
 methods: {
  getBook(id) {
   axios.get(`http://localhost:3000/api/v1/books/${id}`) // Gets an specif book
    .then((response) => { this.books = response.data; });
 },
 created() {
  this.getBook(this.id);
 },
 watch: {
  $route() {
   this.getBook(this.id);
 },

Answer 1

路由器不要将id传递给props。在您的情况下，您可以在this.$route.params中找到id

即使您在路由器本身中使用/book/:id 之类的东西，id 参数也将存在于this.$route.params.id 中。

所以你需要类似的东西：

 created() {
  this.getBook(this.$router.params.id);
 },

顺便说一句，在观察者中也是如此。