Question

我有2个webcomponents，它们具有相同的链接值

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

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

问题在于，即使在输出的基础上，也不会显示任何内容：

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

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

data 变量定义为：

@property String data;

Answer 1

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

@Property(notify:true)
String value;

这样它就会传播起来。似乎没有它，它就会停止传播。然后，这会将更改后的值上升到父data变量。

如下所示：只需要通知Web组件内部是否更改了变量本身。这完全取决于您的设计。