springboot怎么传二维数组到前端vue
时间: 2024-02-12 17:02:59 浏览: 26
在Spring Boot中,你可以将二维数组转换为JSON格式并将其返回给前端Vue。以下是一个简单的示例代码:
```java
@RestController
public class MyController {
@GetMapping("/my-data")
public double[][] getMyData() {
double[][] data = {{1.0, 2.0}, {3.0, 4.0}, {5.0, 6.0}};
return data;
}
}
```
在Vue中,你可以使用Axios或者Vue Resource等HTTP库从Spring Boot应用中获取数据,并将其渲染到页面上。以下是一个示例代码:
```javascript
<template>
<div>
<table>
<tr v-for="row in data">
<td v-for="value in row">{{ value }}</td>
</tr>
</table>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
data: []
};
},
mounted() {
axios.get('/my-data').then(response => {
this.data = response.data;
});
}
};
</script>
```
在这个示例中,我们使用Axios从Spring Boot应用中获取数据,并将其渲染为一个简单的表格。注意,在Vue中,你可以使用v-for指令来遍历二维数组,并将其渲染为一个表格。