Question

您好，我需要您的帮助，因为我在我的 svelte 应用程序中使用了 modal，但我需要将参数传递给 modal 组件以选择我在其中编写的内容。但是在Modal的open()函数中我们只需要给我们导入的组件所以不知道怎么传参数。

这里有一些代码：

import { getContext } from 'svelte';
import ModalContent from './ModalContent.svelte';

export let title;

const { open } = getContext('simple-modal');
  
    const showModal = () => {
      open(ModalContent);
    };

但我想要这样的东西：

import { getContext } from 'svelte';
import ModalContent from './ModalContent.svelte';

export let title;

const { open } = getContext('simple-modal');
  
    const showModal = () => {
      open(<ModalContent texte={title} />);
    };

Answer 1

您似乎在使用 svelte-simple-modal 组件。在这种情况下，您需要将 props 作为对象传递给 open() 函数的第二个参数。

import { getContext } from 'svelte';
import ModalContent from './ModalContent.svelte';

export let title;

const { open } = getContext('simple-modal');
  
const showModal = () => {
  open(ModalContent, {texte: title});
};

有关详细信息，请参阅 documentation。

如何在svelte中将参数传递给模态

1 个答案: