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

Question

您好，我需要您的帮助，因为我在我的苗条应用程序中使用模态，但我需要将参数传递给模态组件以选择我在其中编写的内容。但是在 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} />);
    };

标签： javascripthtmlcssmodal-dialogsvelte

Answer 1

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

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

export let title;

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

有关更多信息，请参阅文档。