将 <li th:each=" j: ${jobs}" th:text="${j}"></li>里面的数据放入到<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="name" label="姓名" width="180"></el-table-column> <el-table-column prop="alias" label="绰号" width="180"></el-table-column> <el-table-column prop="age" label="年龄" width="180"></el-table-column> <el-table-column prop="edus" label="学历" width="180"></el-table-column> <el-table-column prop="pwd" label="密码" width="180"></el-table-column> <el-table-column prop="email" label="邮箱" width="180"></el-table-column> <el-table-column prop="phone" label="电话" width="180"></el-table-column> <el-table-column prop="likesAsString" label="爱好" width="180"></el-table-column> <el-table-column prop="birthday" label="生日" width="180"></el-table-column> </el-table> </template>里面
时间: 2023-10-10 15:05:22 浏览: 166
thymeleaf实现th:each双重多重嵌套功能
您可以使用以下方法将数据放入到<template>标签内的<el-table>组件中:
1. 在Vue组件中定义一个名为`tableData`的data属性,并将`jobs`数据赋值给它:
```javascript
data() {
return {
tableData: [
// 将jobs数据转换为tableData数组中的对象
// 假设jobs数据为一个包含多个对象的数组
{name: j.name, alias: j.alias, age: j.age, edus: j.edus, pwd: j.pwd, email: j.email, phone: j.phone, likesAsString: j.likesAsString, birthday: j.birthday},
// 继续添加其他jobs数据的对象
]
}
}
```
2. 将`tableData`绑定到<el-table>组件的`:data`属性上:
```html
<template>
<el-table :data="tableData" style="width: 100%">
<!-- el-table-column 标签省略 -->
</el-table>
</template>
```
通过以上步骤,您就可以将`jobs`数据放入到<template>标签内的<el-table>组件中了。请注意根据您的实际数据结构和需求进行相应的调整。
阅读全文