meteor - Meteor.js - 暂时阻止模板重新渲染（禁用反应性）

Question

我的应用程序中有一个页面，其中包含用户正在处理的项目列表。

当他们想要添加一个新项目时，我会显示一个模式表单来获取项目的名称。

如果他们单击“确定”，我将创建项目并使用 Meteor.Router 重定向到 /project/[new project id]。

但是，就在重定向之前，我会在用户的项目列表中自动看到新项目名称。

我想避免这种不必要的重新渲染，这会导致更新内容的短暂闪烁。

有没有办法防止我的项目列表的模板重新呈现？

Answer 1

您可以将包含此内容的 html 放入一个{{#constant}}块中。关于常量的文档

例如

{{#constant}}
    {{#each ...}}
    ....
    {{/each}}
{{/constant}}

另一种选择是禁用模板助手中的反应性，例如，如果你有

Template.home.mydata = function() { return MyCollection.find() }

将此更改为reactive:false用作选项

Template.home.mydata = function() { return MyCollection.find({}, {reactive:false}) }

这样会显示初始更改，但不会使用任何更新，因此不会重新渲染。

Answer 2

我发现在调用方法后在事件处理程序中使用取消会取消反应链。

Template.questionTeaser.events({
  "click .vote_add": function(event, template){
    Meteor.call('vote_add', this._id, this.session)

    // This cancels the chain of reactivity.
    return false
  },
})

我将它用于以下用例：

用户会看到按投票排序的问题列表 用户可以投票 投票后，列表会重新呈现/排序，但在页面右侧有倒计时，因此用户知道他不能点击一秒钟。