如果其他属性使用了更新信号,则会重新评估使用导入对象的样式属性
作者: aquaductape创建于 2023年10月30日更新于 2026年9月1日
标签enhancement
描述错误
作为标题,在使用导入对象进行元素样式属性时,如果使用被更新的信号的其他属性,则重新评价.
在此例子中,按钮元素样式使用一个名为 " style " 的被导入对象,其背景值为红色。
导出 const 样式 = { "后地":"红",. {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
按钮挂起后,背景通过元素样式属性被更改为蓝色.
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
从“./tyle”导入{样式}
//.
在Mount( ()) #{{
按钮El.style. background = “蓝色”
) (中文(简体) ).
返回( ưμ㼯A
<按钮风格}}... re rec Button El}{}
{计数()}
</按钮 >
(三)
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?此按钮的 aria- label 属性使用点数信号, 当点击时它会递增 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? c. [计数、计数]=创建Signal(1); 连带递增=( ) QQ 设置 Count( ) + 1 ; 让按钮El;
在Mount( ()) #{{ 按钮El.style. background = “蓝色” ) (中文(简体) ).
返回( ưμ㼯A <按钮类型="按钮" 在 Click-increment} aria-label-counts (.)toString()}风格 \ style} rej={button El-} {计数()} </按钮 >
您的示例网站或应用程序
https://playground.solidjs.com/anonymous/804fbf3b-2166-430f-ab99-c2b78770a1a6 互联网档案馆的存檔,存档日期2014-12-21.
QQ 重现错误或问题的步骤
1. 点击计数器按钮
预期行为
按钮的背景颜色要保持蓝色, 但点击后它会重排红色, 红色是对象`style'的背景属性 。 如果按钮样式属性使用"style2"对象,该对象不被导入,那么在更新计数信号后按钮仍为蓝色 https://playground.solidjs.com/anonymous/efc28da8-a36c-42e5-b109-5d7b8a8c145e.
QQ 屏幕截图或视频
无回复( N)
+++ 平台
- 操作系统: macOS
- 浏览器:Chrome
- 版本:118.05993.117
其他背景
无回复( N)内容来源: solidjs/solid