Javascript 在返回[object]LitElement的组件外部使用html函数
我很头疼,如果有人知道如何解决它,那就太棒了。 我正在使用LitElement创建一个表组件,希望使用它的开发人员可以添加一个customHTML来呈现不同的输入。 为此,他/她可以使用属性“headers”,如下所示:Javascript 在返回[object]LitElement的组件外部使用html函数,javascript,polymer,lit-element,lit,Javascript,Polymer,Lit Element,Lit,我很头疼,如果有人知道如何解决它,那就太棒了。 我正在使用LitElement创建一个表组件,希望使用它的开发人员可以添加一个customHTML来呈现不同的输入。 为此,他/她可以使用属性“headers”,如下所示: [{ label: 'Created at', customHTML: (value, isEditable) => html`<custom-element .value="${value} .isEditable="${valueis
[{
label: 'Created at',
customHTML: (value, isEditable) => html`<custom-element .value="${value} .isEditable="${valueisEditable}"></custom-element>`
}]
[{
标签:“创建于”,
customHTML:(值,可编辑)=>html`[object object]
是转换为字符串的对象的默认表示形式
const house={
窗口:4,
身高:5
}
console.log(house.toString());
没有太多代码可以真正理解这个问题,但请尝试使用JSON.stringify(customHTML)
作为字符串,它将更灵活地打印为文本。这是因为您使用了许多版本的lit元素
在chrome控制台窗口中键入。litElementVersions
,您将看到正在使用的lit元素的版本
如果您混淆了来自不同版本的不同导入的html
标记,您将得到[object object]
解决方案
这里没有什么神奇的事情可做。重新安装所有软件包
rm-rf节点_.lock包-lock.json
npm i
#或
纱线安装
您找到这个问题的解决方案了吗?我将html方法发送到调用customHTML:${header.customHTML(html)}
<td>${header.customHTML()}</td>