如何避免闪电输入上的onchange方法出错?

Question

我正在尝试学习Lightning Web组件的基础知识，但在获取照明输入元素的值时遇到问题。

我知道它是为单向数据绑定而不是双向数据绑定而设计的(我认为这个决定有问题(，但我也无法让 onchange 方法工作。我在照明操场上运行此示例：

//app.html
<lightning-input
label="test"
onchange={handleChange}>
</lightning-input>

---

//app.js
import { LightningElement, track, api } from 'lwc';
export default class App extends LightningElement {
handleChange(event) {
console.log(event)
}
}

对模板中的输入进行任何更改都会给我以下错误：

Error: Disallowed method "appendChild" in ShadowRoot.

为什么 onchange 方法没有按预期工作，我应该让它按预期工作吗？

Answer 1

console.log(( 在操场上工作。

你必须这样写 -console.log(event.target.value)

在您的代码中替换它，它将打印值..！！

Answer 2

事实证明，问题出在使用 console.log(( 时。似乎它在操场上工作有一些问题。