export 相关问题

当export let data 是一个对象时，使用输入bind:value 时存在data prop 反应性问题。例如，在以下情况下导出让数据= {名称：“杰克”，a...</desc> <question vote="0"> <p>当export let data为对象时，使用input bind:value时存在data prop反应性问题。</p> <p>例如以下情况</p> <pre><code><script> export let data = {name:"jack", age:31}; $: man = data; </script> <input type='text' bind:value={man.name} > <h1>{data.name}</h1> <h1>{man.name}</h1> //input typing jhon //data.name => jhon //man.name => jhon </code></pre> <p>当输入的裸值发生变化时，数据的值也会同时发生变化。我认为这是因为浅复制。</p> <p>所以，在下面执行深复制的情况下，</p> <pre><code><script> export let data = {name:"jack", age:31}; $: man = structuredClone(data); </script> <input type='text' bind:value={man.name} > <h1>{data.name}</h1> <h1>{man.name}</h1> //input typing impossible </code></pre> <p>输入值无法更改。</p> <p>最终，我想要的只是 man 的值根据输入值而改变。（这样数据值就不会改变）</p> <p>我有什么误解吗？</p> <p>感谢您阅读我的帖子。</p> <pre><code><script> let data = {name:"jack", age:31}; $: man = Object.assign({},data); </script> <input type='text' bind:value={man.name} > <h1>{data.name}</h1> <h1>{man.name}</h1> //input typing jhon //data.name => jack //man.name => jhon </code></pre> <p>对于let data，它可以满足我的要求，但我必须使用export let data。还有一种使用 $page.data 的方法，但最重要的是，我想了解上述行为是如何发生的。如果有人能解释一下，我将不胜感激。</p> </question> <answer tick="false" vote="0"> <p>每当 <pre><code>$:...</code></pre> 更新为 <pre><code>man</code></pre><pre> 时，反应式语句（</pre><code>man.name</code><pre>）就会不断覆盖变量 </pre><code>bind:value...</code></p> <pre><code>//[code-01] export let data = {name:"jack", age:31}; $: man = Object.assign({},data); </code></pre> <ul> <li><pre><code>man</code></pre>和<pre><code>data</code></pre>都暴露在监控中</li> </ul> <p>在输入字段中输入内容时，<pre><code>man.name</code></pre>会更新，这会触发变量<pre><code>man</code></pre>被反应语句重置（<pre><code>$:...</code></pre>）。</p> <p>为了避免这种情况，应该从反应语句（[code-01]）中删除变量<pre><code>man</code></pre>。</p> <pre><code><script> export let data = {name:"jack", age:31}; // (1) let man // (2) const clone = (src) => man = structuredClone(src) // (3) $: clone(data) </script> <input type='text' bind:value={man.name} > <h1>data value: {data.name}</h1> <h1>man value: {man.name}</h1> </code></pre> <ol> <li>声明变量<pre><code>man</code></pre></li> <li>声明克隆数据的函数</li> <li>变量<pre><code>data</code></pre>暴露于监控</li> </ol> 每当 <p><code>man.name</code><pre> 更改文本时，</pre><pre><code>bind:value...</code></pre> 都会被保留。</p> <h2>代码</h2> <h4>ReactiveInput.svelte</h4> <pre><code><script> export let data = {name:"jack", age:31}; let man const clone = (src) => man = structuredClone(src) $: clone(data) </script> <input type='text' bind:value={man.name} > <h1>data value: {data.name}</h1> <h1>man value: {man.name}</h1> </code></pre> <h4>应用程序.svelte</h4> <pre><code><script> import ReactiveInput from "./ReactiveInput.svelte" const jack = {name: 'jack', age: 31}; const tom = {name: 'Tom', age: 24}; const mark = {name: 'Mark', age: 43}; const persons = [jack, tom, mark] let idx = 0; const changePerson = () => { idx = (idx + 1) % persons.length } </script> <ReactiveInput data={persons[idx]}></ReactiveInput> <button on:click={changePerson}>change</button> </code></pre> </answer> </body></html>

input export svelte bind prop

回答 0 投票 0

Powershell：导出/导入 DHCP 范围

我需要将 dhcp 范围从服务器 A（包括保留和地址租用）导出到服务器 B。要从服务器 A 导出，我使用以下命令：导出-DhcpServer -计算机名 A -ScopeId 10....

powershell import scope export dhcp

回答 1 投票 0

我们是否应该在类型定义的导入或导出时添加类型前缀

对于类型，我们在导出类型时是否应该添加 type 前缀，例如：导出类型{ TPromptCommentFieldProps, }; 或者当我们导入类型时，从 'test-path' 导入 { type TPromptCommentFieldProps }; ...

typescript types import export

回答 1 投票 0

SQL：将连接表的 id 聚合为字符串

我需要将数据从 SQL 数据库（某些组使用 SQL Server，某些组使用 Oracle 等）导出到 CSV，其中我需要字符串中连接表中的 id。例如，我有一个课程表...