iter(g240): 按钮 loading 态,转圈禁点支持布尔与信号动态同步
This commit is contained in:
@@ -159,6 +159,7 @@ const calDay = signal(dayKey(0));
|
||||
|
||||
// —— 响应式状态演示 ——
|
||||
const count = signal(0);
|
||||
const saving = signal(false); // 按钮 loading 态演示(模拟异步保存)
|
||||
|
||||
// —— 双向绑定演示 ——
|
||||
const name = signal('');
|
||||
@@ -326,6 +327,7 @@ const content = h(
|
||||
'signal 驱动:按钮修改信号,文本自动更新,无虚拟 DOM。',
|
||||
button({ label: 'count +1', onClick: () => count(count() + 1) }),
|
||||
button({ label: '重置', variant: 'ghost', onClick: () => count(0) }),
|
||||
button({ label: '保存(模拟请求)', loading: saving, onClick: () => { saving(true); setTimeout(() => saving(false), 1500); } }),
|
||||
h('span', { class: 'out' }, () => `count = ${count()}`),
|
||||
),
|
||||
section(
|
||||
|
||||
Reference in New Issue
Block a user