如何在iview表格中使用render批量插入自定义组件并修改数据?

新手上路,请多包涵

我希望在iview的表格里(批量)使用render插入自定义组件,同时页面加载时需要修改被生成的每一个子组件中的数据,请问应该如何操作?使用ref可以吗?如下写法似乎不能正常运行。还是有生命周期的问题?

columns:[{
          title: '企业名称', key: 'unitName',
          render: (h, params) => {
            return this.$createElement(EnterpriseSelectAll, {
              ref: `partTimeRefs${params.index}`,
              props: {
                value: this.editForm.partTimeInfos[params.index].unitCode,
              },
              on: {
                'select-model': (value, id) => {
                  this.editForm.partTimeInfos[params.index].unitName = value
                  this.editForm.partTimeInfos[params.index].unitCode = id
                },
                // input: function (event) {
                //   self.$emit('input', event.target.value)
                // }
              }
            })
          }
        },
]
created(){
  init(){
    for (var i = 0; i < this.editForm.partTimeInfos.length; i++) {
      this.$refs[`partTimeRefs${i}`].enterpriseSearch = 
      this.editForm.partTimeInfos[i].unitName
     }
  }        
}

期望:页面加载时需要修改被生成的每一个子组件中的数据

阅读 622
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏