Question

我试图在Laravel中使用Vue.js组件，但是无法将道具从刀片传递到js组件。控制台报告[Vue warn]: Error in mounted hook: "ReferenceError: clientId is not defined"

我尝试使用：client-id，client，v-client等在blade / js中重命名该道具，并尽我所能简化了但仍然无法使它工作。看起来几乎就像我在其他地方成功使用过的一些代码。

show.blade.php

<archive-button client-id="1"></archive-button>

archiveButton.js

<script>
export default {
  props: ["clientId"],

  mounted() {
    console.log("id:" + clientId);
  }
};
</script>

我希望clientId在控制台中显示为id:1，但它会报告

[Vue warn]: Error in mounted hook: "ReferenceError: clientId is not defined"

found in

---> <ArchiveButton> at resources/js/components/archiveButton.vue

可能是一个小学生错误，但是我一直盯着它看了很久……有人能看到这个问题吗？

Answer 1

这与Laravel无关

更改

  mounted() {
    console.log("id:" + clientId);
  }

到

  mounted() {
    console.log("id:" + this.clientId);
  }

将道具从Laravel刀片传递到Vue组件时如何解决未定义的ReferenceError

1 个答案: