从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，以了解如何使用该库。