Meteor - 我不能在 blaze helper 中使用 ReactiveVar

Question

我想在我的模板 onCreated 方法中初始化一个 ReactiveVar 并将它传递给一个助手：

import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';

import './record-infos-page.html';
import './record-infos-page.scss';

Template.Record_infos_page.onCreated(function recordInfosPageOnCreated() {
  this.checkedVariablesIds = new ReactiveVar(['HkcEjZjdxbobbNCZc', 'uTmJKTfoWFFfXPMwx']);
  console.log(1, this.checkedVariablesIds.get());
});

Template.Record_infos_page.helpers({
  checkedVariablesIds() {
    const vars = Template.instance().checkedVariablesIds.get();
    console.log(2, vars);
    return vars;
  },
});

console.log 结果是：

1 ['HkcEjZjdxbobbNCZc', 'uTmJKTfoWFFfXPMwx']
2 undefined

为什么我的助手中有 undefined？

谢谢！

Answer 1

您可以使用instance.autorun 响应式地获取模板中变量的更改：

您可以在 onCreated 或 onRendered 回调中使用 this.autorun 响应式更新 DOM 或模板实例。

来自Blaze documentation。

import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';

import './record-infos-page.html';
import './record-infos-page.scss';

Template.Record_infos_page.onCreated(function() {
  const instance = this;
  instance.autorun(function() {
    if (!instance.checkedVariablesIds) {
      instance.checkedVariablesIds = new ReactiveVar(['HkcEjZjdxbobbNCZc', 'uTmJKTfoWFFfXPMwx']);
      console.log(1, instance.checkedVariablesIds.get());
    }
  });

});

Template.Record_infos_page.helpers({
  checkedVariablesIds() {
    const vars = Template.instance().checkedVariablesIds.get();
    console.log(2, vars);
    return vars;
  },
});