electron 在两个子组件之间执行功能

hk8txs48 于 2022-12-16 发布在 Electron

关注(0)|答案(1)|浏览(137)

我正在做一个电子项目，前端使用的是Svelte，我对Svelte比较陌生，所以问题就在这里，我有一个名为MainContent.svelte的父组件，还有两个子组件editor.svelte和preview.svelte，编辑器和预览都放在MainContent组件中，我想做的是当编辑器的内容发生变化时，我想更新预览窗格来反映这些变化。我以前用Vanilla JavaScript做过同样的项目，但想到用Svelte，因为它更容易管理项目。
有一个函数可以监听编辑器面板中的任何变化，还有一个函数可以更新预览面板。但是我无法理解的是，当编辑器内容发生变化时，如何调用这个函数来更新预览面板。如果有任何帮助，我将不胜感激。

electron

来源：https://stackoverflow.com/questions/74658978/executing-functions-between-two-child-components-svelte

1条答案

按热度按时间

eagi6jfj1#

我会使用一个属性并将状态提升到主组件，如果需要，您仍然可以在内部使用函数，例如。

<script>
  // ...
  let content = '...';
</script>

<Editor bind:content />
<Preview {content} />

如果预览需要通过一个函数更新，你可以在一个React式语句中调用它：

<script>
  // ...
  export let content;

  $: updatePreview(content);
</script>

赞(0）回复(0）举报 2022-12-16

我来回答

electron 在两个子组件之间执行功能

1条答案

相关问题

热门标签

最新问答