从vue组件访问jsp java变量

Question

<vue-js-component my-prop-object="${javaArrayOfObjects}"></vue-js-component>

这是 .jsp 文件中的 vue 组件，我可以访问 javaArrayOfObjects 但在 vue-component 中我只能看到 java 对象的名称，例如 [ html.java.JavaObjectsDto1, html.java.JavaObjectsDto2, html.java.JavaObjectsDto3, html.java.JavaObjectsDto4 ]。 但是如果我在 vue 中使用 console.log(javaArrayOfObjects[0].name)，它会为我打印这个名字。

请帮助我如何将整个对象存储在 vue 属性中。 我尝试了const x = JSON.parse(myPropObject)，但没有成功。

Answer 1

发生这种情况是因为您的对象数组（可能是 ArrayList）正在调用 jsp 页面上的 toString() 方法，并将对象的描述以字符串格式放入 Vue 组件中。 您需要先将数组转换为 JSON 格式，然后将此 JSON 对象作为属性传递给您的 jsp 页面，以便您的 Vue 组件理解该集合。想到将 JAVA 对象转换为字符串格式的 JSON 对象的一个​​库是GSON。 检查此page 以了解如何使用该库。