在 svelte 中使用组件的功能

Question

我在 svelte 上有我的 CodeMirror 组件，我需要使用一些函数（在组件内部声明），我使用 codemirror 来更改值。例如：

export function update(new_value) {

value = new_value;

if (editor) {
  const { left, top } = editor.getScrollInfo();
  editor.setValue((value = new_value));
  editor.scrollTo(left, top);
}


 }

如何在声明 CodeMirror 的地方导入和使用它？我尝试使用

 import CodeMirror, {update} from '../../../../components/CodeMirror.svelte';

但不工作

Answer 1

鉴于您正在导出函数，您应该能够使用bind:this 在组件实例上调用该函数。您将创建一个可以在 bind:this 语句中引用的变量，然后您可以针对该组件调用导出的函数 update：

let codeMirrorComponent;

function someHandler() {
  // may want to check `if (codeMirrorComponent && codeMirrorComponent.update)` to ensure function is available to call
  codeMirrorComponent.update('someValue');
}

<CodeMirror bind:this={codeMirrorComponent} />

REPL 正在行动。

希望对您有所帮助！