AsynceachinSvelte
创始人
2024-09-21 02:30:46
0

在Svelte中,可以使用异步循环来处理需要从API或其他异步来源获取数据的情况。下面是如何在Svelte中使用异步each的代码示例:

    {#await promiseThatWillResolveToAnArray}
  • ...waiting
  • {:then items} {#each items as item (item.id)}
  • {item.name}
  • {/each} {:catch error}
  • {error.message}
  • {/await}

    在这个例子中,promiseThatWillResolveToAnArray是一个异步方法,它返回一个包含项目的数组。await指令等待这个异步方法完成并返回一个值。如果异步方法成功完成,它将返回items。每个指令使用对象的id属性作为键,指定要循环的数组。如果异步方法抛出错误,catch指令将捕获错误并显示错误消息。注意,在这个例子中,li元素包装在await指令中,因为等待异步结果时没有可供显示的内容。

    需要注意的是,在Svelte版本3.31.0及以上,可以使用新的await block指令,简化异步循环的写法。

    {#await promiseThatWillResolveToAnArray as items} {#each items as item (item.id)}

  • {item.name}
  • {/each} {:catch error}
  • {error.message}
  • {/await}

    使用await block指令,可以避免在成功响应后仅显示“等待”消息的情况。如果异步操作成功完成,items会包含响应结果并进入下一级块。如果异步操作抛出错误,catch指令将捕获错误并显示错误消息。

    参考来源:https://svelte.dev/tutorial/await-blocks

相关内容

热门资讯

黑科技中牌率(WPK技术)WE... 黑科技中牌率(WPK技术)WEPOKE从来真的有挂!太无语了从前真的是有挂(2023已更新)(哔哩哔...
黑科技玄学(微扑克计算器)菠萝... 黑科技玄学(微扑克计算器)菠萝德州一贯真的是有挂!太无语了原来真的是有挂(2023已更新)(哔哩哔哩...
黑科技ai(GG扑克)AApo... 黑科技ai(GG扑克)AApoker素来是有挂!太无语了总是真的有挂(2020已更新)(哔哩哔哩)是...
黑科技总结(wpk测试)wpK... 黑科技总结(wpk测试)wpK一贯是真的有挂!太坑了确实存在有挂(2021已更新)(哔哩哔哩);精心...
黑科技攻略(Wepoke代打)... 黑科技攻略(Wepoke代打)wopoker原先真的有挂!太离谱了切实存在有挂(2023已更新)(哔...
黑科技脚本(wepoke辅助透... 【福星临门,好运相随】;黑科技脚本(wepoke辅助透视)aapokeR原先是有挂!太夸张了竟然是真...
黑科技好友房(wpk德州)AA... WePoke高级策略深度解析‌;黑科技好友房(wpk德州)AAPoker一向真的有挂!太无语了果然是...
黑科技肯定(aapoker俱乐... 1、黑科技肯定(aapoker俱乐部)wEpOke原先是真的有挂!太嚣张了原本存在有挂(2021已更...
黑科技辅助挂(新Wepoke)... 黑科技辅助挂(新Wepoke)微扑克德州一直真的是有挂!太夸张了原本存在有挂(2022已更新)(哔哩...
黑科技玄学(德州微扑克外挂)A... 黑科技玄学(德州微扑克外挂)AAPoker往昔真的有挂!太坑了起初是真的有挂(2024已更新)(哔哩...