Riot.js: переключить класс на метку, если вход имеет значение

Question

Мне нужно переключить класс .has-data на label, если input имеет некоторые данные

<label>
    <input type="text">
</label>

Можно ли это сделать, просто используя некоторую разметку без написания javascript?

Answer 1

Нет, вам придется написать немного JavaScript, но JavaScript довольно минимален.Измените HTML на этот:

<label class="{ has-data: entry }">
    <input type="text" onkeyup="{updateEntry}">
</label>

И добавьте этот раздел в скрипт компонента:

<script>
  this.entry = '';

  updateEntry(e) {
    this.entry = e.target.value;
  }
</script>