将变化的值从 1 个 Web 组件传递到另一个

Question

我有 2 个网络组件，它们具有相同的链接值

<my-input value="{{data}}"></my-input>
<my-output value="{{data}}"></my-output

这样，当我在 my-input 中更改纸张输入时，它会相应地更改 my-output 中的属性 value。

问题是最终没有显示任何内容，即使在输出的基本情况下也是如此：

<div>Data: {{value}}</div>

所以变量似乎没有链接到两个组件。

data 变量定义为：

@property String data;

Answer 1

在 value 组件的定义中，您需要：

@Property(notify:true)
String value;

这样它就会向上传播。似乎没有这个，它只是停止传播。然后，这会将更改后的值向上推到父 data 变量。

后续：如果变量本身在Web Component内部发生变化，只需要通知即可。这完全取决于您的设计。