论坛 › 设计开发 › 设置通用组件数据的问题

wangxu 发表于 2023-11-27 13:19:01

设置通用组件数据的问题

想实现的功能为修改组件A内容的时候，同时修改通用组件B的数据。使用 this.form.get("elcommon").getData() 无法获取到对应的数据。使用 this.form.get("elcommon").setData({}) 也不对。

wangxu 发表于 2023-11-27 15:41:30

解决了
Vue Template
    <div :model="tableData">
      <el-table :data="tableData" style="width: 100%">
            <el-table-column label="Date" prop="date">
            </el-table-column>
            <el-table-column label="Name" prop="name">
            </el-table-column>
            <el-table-column label="Address" prop="address">
            </el-table-column>
      </el-table>
    </div>

Vue App
return {
    data: function () {
      return {
            tableData: [{
                date: '2016-05-02',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
            }, {
                date: '2016-05-04',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1517 弄'
            }],
      }
    },
    methods: {
    }
}

Buuton Click code
var tableData = this.data.tableData || [];
tableData.push({
    date: (new Date()).getTime().toString(),
      name: (new Date()).getTime().toString(),
      address: '上海市普陀区金沙江路 1518 弄'
});

论坛管理员 发表于 2023-11-28 10:07:18

:handshake

查看完整版本: 设置通用组件数据的问题