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

Question

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

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

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

但是，在重定向之前，我会自动将新项目名称显示给用户的项目列表。

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

有没有办法阻止我的项目列表的模板重新渲染？

Answer 1

您可以将包含此内容的html放入{{#constant}}块中。 Docs on constant

e.g

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

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

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

将其更改为使用reactive:false作为选项

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

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

Answer 2

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

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
  },
})

我将它用于以下用例：

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