javascript 相关问题

我已从 https://svelte.dev/examples/modal 给出的官方示例将 Modal 添加到我的 Sveltekit 应用程序中我的 Modal.svelte 是导出让showModal； // 布尔值让迪亚洛...</desc> <question vote="-1"> <p>我已将 Modal 添加到我的 <a href="https://kit.svelte.dev/" rel="nofollow noreferrer">Sveltekit</a> 应用程序（来自 <a href="https://svelte.dev/examples/modal" rel="nofollow noreferrer">https://svelte.dev/examples/modal</a></p> 给出的官方示例） <p>我的<pre><code>Modal.svelte</code></pre>是</p> <pre><code><script> export let showModal; // boolean let dialog; // HTMLDialogElement $: if (dialog && showModal) dialog.showModal(); </script>  <dialog bind:this={dialog} on:close={() => (showModal = false)} on:click|self={() => dialog.close()} >  <div on:click|stopPropagation> <button style="float: right; font-weight: bold;" autofocus on:click={() => dialog.close()}>&times;</button> <slot name="header" /> <slot /> </div> </dialog> <style> dialog { max-width: 32em; border-radius: 0.2em; border: none; padding: 0; } dialog::backdrop { background: rgba(0, 0, 0, 0.3); } dialog > div { padding: 1em; } dialog[open] { animation: zoom 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } @keyframes zoom { from { transform: scale(0.95); } to { transform: scale(1); } } dialog[open]::backdrop { animation: fade 0.2s ease-out; } @keyframes fade { from { opacity: 0; } to { opacity: 1; } } button { display: block; } </style> </code></pre> <p>我的<pre><code>App.svelte</code></pre>是</p> <pre><code><script> // @ts-nocheck import Modal from './Modal.svelte'; let cancelRequestId; let showModal = false; function cancleRequest(id) { showModal = true; cancelRequestId = id; } async function processCancleRequest() { showModal = false } </script> <div> <Modal bind:showModal> <h1 slot="header" style="font-weight: bold;">Request Confirmation</h1> <hr /> <p>Are you sure want to proccess request?</p> <br /> <div style="display: flex; justify-content: space-between;"> <button>No</button> <button on:click={processCancleRequest}>Yes</button> </div> </Modal> </div> <button on:click={() => cancleRequest(item.id)}></button> </code></pre> <p>单击 <pre><code>Yes</code></pre> 按钮时，我正在设置 <pre><code>showModal = false</code></pre>，但模态仍然没有关闭。</p> <p>我缺少什么才能让它发挥作用？</p> </question> <answer tick="false" vote="0"> <p>这<em>不是</em>“官方组件”，它只是一个准系统示例。<br/> （一般没有官方组件。）</p> <p>那里没有关闭模式的代码，只是打开。<br/> 您可以在组件中执行类似的操作：</p> <pre><code>$: if (dialog) { showModal ? dialog.showModal() : dialog.close(); } </code></pre> </answer> </body></html>

javascript html modal-dialog svelte sveltekit

回答 0 投票 0

官方 Svelte 模式组件未从 SvelteKit 项目中的父组件关闭

javascript html modal-dialog svelte sveltekit

回答 0 投票 0

FullCalendar 不重新渲染

我试图做到这一点，以便当单击日期时，它会进入当天的日视图。这是我的代码：从“@fullcalendar/daygrid”导入dayGridPlugin；从 &q... 导入 FullCalendar

javascript reactjs fullcalendar

回答 1 投票 0

这个恶意代码的意图是什么？

我在 GitHub 存储库中发现了一些恶意代码，并且想更好地了解攻击向量。我申请了一份工作，海报要求我下载他们的 NodeJS 存储库，运行代码并完成...

javascript node.js