设置通用组件数据的问题

wangxu

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

wangxu

解决了
Vue Template

[HTML] 纯文本查看 复制代码

    <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

[JavaScript] 纯文本查看 复制代码

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

Buuton Click code

[JavaScript] 纯文本查看 复制代码

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

论坛管理员