Question

我正在开展一个流星项目，我希望为每个用户分配一个qr代码。我做了一些研究，发现steeve:jquery-qrcode（在这里找到：https://atmospherejs.com/steeve/jquery-qrcode）是一种做法。

很遗憾，我找不到有关如何使用此软件包的任何信息。我错过了什么吗？因为自述文件在使用此软件包时没有太多显示。

否则是否有更好的包用于在流星项目中生成qr代码？

Answer 1

这个包只导入原始的jquery-qrcode。您可以在此处找到相关说明：https://github.com/jeromeetienne/jquery-qrcode。

// basic usage:
$('selector').qrcode({text: 'some string'});

如果必须在不使用反应数据源的情况下生成qrcode，则可以调用Template.YourTemplate.onRendered（）上的代码

Template.YourTemplate.onRendered(function () {
  $('selector').qrcode({text: 'some string'});
});

但如果您必须动态更改qrcode，您可以执行以下操作：

<template name="hello">
  <div class="testqrcode" data-qrcode="{{someReactiveData}}"></div>
</template>

if (Meteor.isClient) {
  var counter = new ReactiveVar(0);

  Meteor.setInterval(function () {
    counter.set(counter.get() + 10);
  }, 300);

  Template.hello.helpers({
    someReactiveData: function () {
      Tracker.afterFlush(function () {
        $('.testqrcode').each(function (i, e) {
          $(e)
            .empty()
            .qrcode({text: $(e).attr('data-qrcode')});
        });
      });
      return Meteor.absoluteUrl() + counter.get();
    }
  });
}

DEMO of reactive example here

使用steeve：jquery-qrcode生成QR码

1 个答案: