Javascript 如何在lit元素模板之间传递数据？

我试图将数据从一个组件传递到另一个组件。我的想法是使用一个带有按钮的通用组件来增加或减少一个值，并添加那些特定的值​​复制到另一个模板

以下是我的按钮代码：

从'lit element'导入{LitElement，html}；
类ButtonsCounter扩展了LitElement{
静态获取属性（）{
返回{
最大值：{type:Number}，
最小：{type:Number}，
num:{type:Number}，
值：{type:Number}，
};
}
构造函数（）{
超级（）；
该值=0；
}
createRenderRoot（）{
归还这个；
}
增量（e）{
e、 预防默认值（）；
如果（this.valuethis.minValue）this.value--；
}
render（）{
返回html`
${this.value}
`;
}
}
自定义元素。定义（'buttons-counter'，ButtonsCounter）

看起来您将

value

与

num

混淆，

maxValue

与

max

混淆，

minValue

与

min

混淆

您可能还希望在

a

标记中包含一些文本，以便可以合理地单击它们。从技术上讲，它们也应该是

按钮

标签（根据您的喜好设计样式），因为

a

标签被考虑用于链接到页面的某个部分或另一个页面（有关更多详细信息，请参阅）。这样您就不需要

e.preventDefault（）内部
减量
和
增量

<button @click="${this.decrement}">-</button>

-
看起来是正确的，到底是什么不起作用？