Javascript 无法让Riot.js observate通过回调传递参数

我的Riot.js observate如下所示

在我的“global header”标记中，riot的全局范围中的riot.store observable得到更新（用户在输入字段中输入新高度），然后observable触发“update_dims”：

save_height() {
  riot.store.cardHeight = this.refs.input_card_height.value
  riot.store.trigger('update_dims')
}

在我的'card'标签中，riot.store侦听'update_dims'，并成功地更新界面中的{mycardheath}

// function updates the card height
update_cardHeight () {
  this.myCardHeight = riot.store.cardHeight
  this.update()
}
// observable runs when triggered and calls above function 'update_cardHeight'
riot.store.on('update_dims',this.update_cardDimensions)

但是，如果我尝试直接从riot.store.trigger传递参数：

save_height() {
  riot.store.cardHeight = this.refs.input_card_height.value
  riot.store.trigger('update_dims','450')
}

即使me.myCardHeight变量已使用新的高度参数进行了更新，下面的可观察项也不会更新接口：

me = this
riot.store.on('update_dims', function (height) {
  me.myCardHeight = height
  console.log(me.myCardHeight)
  me.update()
})

---

正确的方法是什么？

只要你的店铺是一个可以观察到的暴乱场所，这应该可以：

riot.store = riot.observable();

var me = this
riot.store.on('update_dims', function (height) {
  me.myCardHeight = height;
  console.log(me.myCardHeight);
  me.update();
});

riot.store.trigger('update_dims', 450);

如果您对将其存储在对象中非常感兴趣，那么我更愿意创建一个具有其自身属性的共享存储：

var store = {
  observable: riot.observable(),
  height: 25 // default
}

riot.mount('myCard', {store: store})

然后在标签内

myCard

：

var me = this
me.myCardHeight = opts.store.height;

me.opts.store.on('update_dims', function (height) {
  me.opts.store.height = height;
  me.myCardHeight
  console.log(me.myCardHeight);
  me.update();
});

现在，当您调用此选项时，您将通过一个新的共享高度：

this.opts.trigger('update_dims', 450);

此外，请检查哪些可以与这种类型的体系结构相匹配

希望这有帮助