ElementUI在vue中如何给table动态赋值

在Vue中，可以使用v-for指令根据数据源动态渲染表格内容。ElementUI的表格组件`<el-table>`也可以通过v-for指令来实现动态赋值。

首先，在Vue实例中定义一个数据数组`tableData`，用于存储表格的数据源。

data() {
  return {
    tableData: [
      { name: '张三', age: 18, gender: '男' },
      { name: '李四', age: 20, gender: '女' },
      { name: '王五', age: 22, gender: '男' }
    ]
  }
}

然后，在模板中使用`<el-table>`组件，并通过v-for指令遍历`tableData`数组，动态生成表格行和列。

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>
</el-table>

其中，`:data`属性用于绑定表格的数据源，`<el-table-column>`组件的`prop`属性用于指定数据源中对应的属性名，`label`属性用于指定表头显示的文本。

如果需要动态更新表格数据，只需要修改`tableData`数组中的数据即可。例如：

this.tableData.push({ name: '赵六', age: 24, gender: '女' });

这样，新的数据将会自动添加到表格中。