Riot.js：如果输入有值，则在标签上切换 class

Question

如果 input 有一些数据

，我需要在 label 上切换 class .has-data

<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>

Riot.js: Toggle class on label if input has value