小编Vik*_*wal的帖子

如何将 js 对象和函数传递给 Web 组件

大家好,我是 javaScript 的初学者,目前正在探索 JS Web 组件,但由于某些用例而陷入困境

1)我想将一个 JS 对象传递到我的组件中,例如

<my-component data=obj ></my-component> 
Run Code Online (Sandbox Code Playgroud)

并要求在我的组件代码中使用

connectedCallback () {
    console.log(this.data) // it should print {"name":"xyz" , "role" : "dev"}
} 
Run Code Online (Sandbox Code Playgroud)

2)我还需要传递一些函数或者回调函数,比如。

function myFunction(e){
   console.log(e)
}

<my-component click=myFunction ></my-component>
Run Code Online (Sandbox Code Playgroud)

请尝试在 ans 中添加代码片段,这将有助于我学习更多 JS。谢谢

javascript custom-controls web-component custom-element

5
推荐指数
4
解决办法
5299
查看次数