Question

我遇到需要同步渲染数据单元格的情况

其中tableProps包含所有列和dataProps。

tableProps: {
  cols: [{
      cellProps: {
        class: "as"
      },
      cellRenderer: ((data) => {
        return <a onlick = {
          this.onDataClick
        }
        class = "btn btn-link" > {
          data.name
        } < /a>
      }).bind(this),
      dataKey: "name",
      dataType: String,
      label: "Name",
      sortable: true
    }       
  ],
  enableSelect: true,
  onPageChange: this.onPageChange,
  onSelect: (selectedRow) => console.log("selectedRow", selectedRow),
  onSelectAll: (data) => console.log("slectAllClick", data),      
  page: 0,
  rowProps: {
    onClick: (event, rowData) => {
      this.onClick(rowData);
    }
  },
  rowsPerPage: 5,
  title: "Nutrition"
}

有一个单元格渲染器，可以在其中传递数据以渲染自定义数据，例如按钮锚点等。

Answer 1

找到了解决方案，而不是发送函数，而是可以使用作用域内的插槽来渲染每个单元格的动态内容。感谢您的关注。

::MyClass

如何在Vue Js中传递组件以渲染道具？

1 个答案: