Как избежать ошибок из-за методов onchange на lightning-input?

Я пытаюсь изучить основы веб-компонентов Lightning, и у меня возникают проблемы с получением значения входного элемента освещения.

Я понимаю, что он предназначен для односторонней привязки данных вместо двухсторонней (решение, которое я считаю сомнительным), но я также не могу заставить работать метод 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 работает не так, как ожидалось, и следует ли мне заставить его работать так, как задумано?


person Matt Gween    schedule 25.11.2019    source источник


Ответы (2)


console.log () работает на игровой площадке.

Вы должны писать так - console.log(event.target.value)

Замените его в своем коде, и он напечатает значения .. !!

person Mohit Kulkarni    schedule 03.12.2019

Оказывается, проблема заключалась в использовании console.log (). Кажется, что у него есть проблемы с работой на игровой площадке.

person Matt Gween    schedule 25.11.2019