如何使用materialize-css创建带有动作的列表？

Question

我正在尝试创建一个带有复选框的列表，以用于收集物化操作，但是输入标签未被模式识别。这可能吗？

              <div class="row">
                <ul class="collection with-header" v-if="listaRoles.length > 0">
                  <li class="collection-header left-align"><h4> Roles do perfil {{ perfil.descricao }}</h4></li>
                  <li v-for="r in listaRoles" :key="r.id" class="collection-item">
                    <div class="left-align">
                      <span> {{ r.descricao }} </span>
                    <input type="checkbox" />
                    </div>
                  </li>
                </ul>
              </div>

Answer 1

您必须使用与实现文档完全相同的结构，否则您的组件将无法正常工作。因此，如果复选框是<input>，然后是<span>，则两者都包装在<label>中。