尝试在Jade中使用内联JS变量

Question

我正在尝试使用变量计数来跟踪标签h1中的页面刷新，但未使用实际值。H1呈现了从快递服务器接收到的一些数据。 因此，我以重载计数的索引访问数据。

script.
  var state = history.state || {};
  var reloadCount = state.reloadCount || 0;
  if (performance.navigation.type === 1) { // Reload
    state.reloadCount = ++reloadCount;
    history.replaceState(state, null, document.URL);
  } else if (reloadCount) {
    delete state.reloadCount;
    reloadCount = 0;
    history.replaceState(state, null, document.URL);
  }
  if (reloadCount >= 2) {
    // Now, do whatever you want...
    console.log("Hello");
    //alert('The page was reloaded more than twice!');
  }
body
 h1 #{data[reloadCount].text}

Answer 1

问题是您在这里混合了两种不同的东西：客户端JS（代码段开头的脚本标签）和服务器端JS（在Pug中，在h1语句中评估）。 h1标记的内容是在编译时评估的，因此在服务器上，不了解reloadCount的值。 与script.的内容没有任何交互script. 标记，因为Pug会将其作为纯文本复制到输出HTML。 如果要在客户端（在浏览器中）动态更新某些内容，则需要使用客户端JS设置该h1元素的值。