小编mav*_*tjs的帖子

我如何在 svelte 反应式中创建每个循环

我有这个简洁的代码:

    <!--connectprom is a Promise that resolves when connect is ran--->
    {#await connectprom}
    <!--User hasnt yet connected to the server-->
    <form on:submit|preventDefault={connect}>
        <label for="un">Username</label>
        <input type="text" id="un">
    </form>
    {:then}
    <!--After the form was submited (user is connected)-->    
    Welcome, <p class="name text-blue-300">{username}</p>
    <!--When send is ran it sends the data from the form to the socket.io server-->
    <form class="shadow-lg rounded-lg" on:submit|preventDefault={send} align="center">
        <label for="msg">Message:</label>
        <input type="text" id="msg">
    </form>
    {#each messages as msg}
    <Message username=msg.username content=msg.content/>
    {/each}
    {/await}
Run Code Online (Sandbox Code Playgroud)

#each 语句是否可以响应式运行?如果没有,是否有解决方法?

javascript svelte

4
推荐指数
1
解决办法
3172
查看次数

标签 统计

javascript ×1

svelte ×1