<nuxeo-data-table-column> 组件内的项目作为参数传递给函数产生空 object
Item inside <nuxeo-data-table-column> component passed to a function as an argument yields empty object
<nuxeo-data-table-column>
[[item.title]]
</nuxeo-data-table-column>
这行得通。这里 'item.title' 呈现标题。
<nuxeo-data-table-column>
[[_callme(item)]]
</nuxeo-data-table-column>
_callme: function (item) {
console.log(item);
}
这行不通。这里 'item' 是一个空的 object
我哪里错了?
我最终手动获取页面提供程序并提供给 'items' 属性 到 'nuxeo-data-table' 然后工作。
模板
<nuxeo-page-provider id="nxProvider">
<nuxeo-data-table items="[[data.entries]]">
<nuxeo-data-table-column>
[[_callme(item)]]
</nuxeo-data-table-column>
</nuxeo-data-table>
</nuxeo-page-provider>
脚本
setIntialValue:function(){
this.$.nxProvider.fetch().then(data=>{
this.data = Object.assign({}, data);
})
}
_callme: function (item) { console.log(item); } ->works
<nuxeo-data-table-column>
[[item.title]]
</nuxeo-data-table-column>
这行得通。这里 'item.title' 呈现标题。
<nuxeo-data-table-column>
[[_callme(item)]]
</nuxeo-data-table-column>
_callme: function (item) {
console.log(item);
}
这行不通。这里 'item' 是一个空的 object
我哪里错了?
我最终手动获取页面提供程序并提供给 'items' 属性 到 'nuxeo-data-table' 然后工作。
模板
<nuxeo-page-provider id="nxProvider">
<nuxeo-data-table items="[[data.entries]]">
<nuxeo-data-table-column>
[[_callme(item)]]
</nuxeo-data-table-column>
</nuxeo-data-table>
</nuxeo-page-provider>
脚本
setIntialValue:function(){
this.$.nxProvider.fetch().then(data=>{
this.data = Object.assign({}, data);
})
}
_callme: function (item) { console.log(item); } ->works