Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 加载事件后的LitElement阴影根_Javascript_Web Component_Shadow Dom_Lit Element_Lit Html - Fatal编程技术网

Javascript 加载事件后的LitElement阴影根

Javascript 加载事件后的LitElement阴影根,javascript,web-component,shadow-dom,lit-element,lit-html,Javascript,Web Component,Shadow Dom,Lit Element,Lit Html,我有一个问题,我需要处理CSS样式加载到我的组件后的事件。我试着使用lit元素生命周期,但他们还是很早就被解雇了 我试图获取DOM元素的起始位置和其他数据,但是我得到了一个初始位置,在加载样式后,这个位置会发生变化吗 如何先加载样式或加载样式后加载任何事件?生命周期通常是您要寻找的: 在第一次更新元素的DOM之后调用,在调用update之前调用。 实现firstUpdated以在创建元素模板后执行一次性工作 如果您的元素在触发firstUpdated后仍在加载,您可以等待下一个周期,以确保安全:

我有一个问题,我需要处理CSS样式加载到我的组件后的事件。我试着使用lit元素生命周期,但他们还是很早就被解雇了

我试图获取DOM元素的起始位置和其他数据,但是我得到了一个初始位置,在加载样式后,这个位置会发生变化吗

如何先加载样式或加载样式后加载任何事件?

生命周期通常是您要寻找的:

在第一次更新元素的DOM之后调用,在调用update之前调用。 实现firstUpdated以在创建元素模板后执行一次性工作

如果您的元素在触发
firstUpdated
后仍在加载,您可以等待下一个周期,以确保安全:

setTimeout(() => { /* code for checking DOM styles */ }, timeInMilliseconds);
timeinmillizes
可能只需要
0
,但您可能需要给它多一点时间,因为您的样式在典型样式之外更改。如果有任何CSS
动画
转换
可能会影响元素的显示,也可能会出现这种情况

如果以上所有内容都正确,我建议在上打开一个问题,因为它仍然是积极的因素。

生命周期通常是您所寻找的:

在第一次更新元素的DOM之后调用,在调用update之前调用。 实现firstUpdated以在创建元素模板后执行一次性工作

如果您的元素在触发
firstUpdated
后仍在加载,您可以等待下一个周期,以确保安全:

setTimeout(() => { /* code for checking DOM styles */ }, timeInMilliseconds);
timeinmillizes
可能只需要
0
,但您可能需要给它多一点时间,因为您的样式在典型样式之外更改。如果有任何CSS
动画
转换
可能会影响元素的显示,也可能会出现这种情况

如果以上所有内容看起来都正确,我建议在上打开一个问题,因为它仍然是积极促成的