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>