提高刺激的一个简单技巧-js教程-PHP中文网

提高刺激的一个简单技巧

聖光之護

发布： 2025-02-07 19:34:19

原创

417人浏览过

刺激框架兼容性及旧版safari浏览器问题解决

Stimulus 框架原生支持所有现代的、自动更新的桌面和移动浏览器。然而，Stimulus 3 不兼容 Internet Explorer 11。在最近的一个项目中，我发现旧版本的 iOS Safari 浏览器在处理特定代码部分时也存在问题。为了说明这个问题，以下是一个简单的 Stimulus hello_controller.js 示例：

<code class="javascript">import { controller } from "stimulus"

export default class extends controller {
  static targets = [ "name", "output" ]

  greet() {
    this.outputtarget.textContent = `hello, ${this.nametarget.value}!`;
  }
}</code>

登录后复制

在旧版 Safari 浏览器中，这段代码会抛出以下错误：

<code>SyntaxError: unexpected token '='</code>

登录后复制

错误原因在于 static targets = [...] 语法。解决方法很简单：

<code class="javascript">import { controller } from "stimulus"

export default class extends controller {
  static get targets() {
    return [ "name", "output" ];
  }

  greet() {
    this.outputtarget.textContent = `hello, ${this.nametarget.value}!`;
  }
}</code>

登录后复制

我们做了什么改变？将 static targets = [...] 替换为 static get targets() { return [...] }。