vue layui怎么动态的添加标签

Question

我需求是根据返回数据创建相应标签，返回3条就创建3条标签

<dl class="layui-nav-child" id="List">

$("#List").append("
" +list[i].name+ "
");
        to(){
layer.confirm(5);
}

这样添加click不生效我把这个标签直接写在dl里就可以触发这个弹窗，然后这样添加是能够正常显示name的就是点击的时候没有反应

Answer 1

该代码把列表中的每一项的名字添加到了#List元素中。为了根据返回数据创建相应标签，你可以循环遍历列表中的每一项，并将其名称添加为新的标签，代码如下：

for (var i = 0; i < list.length; i++) {
  $("#List").append("<dd>" + list[i].name + "</dd>");
}

如果需要对每个标签执行操作，可以为每个标签添加唯一的ID，并通过该ID进行操作，代码如下：

for (var i = 0; i < list.length; i++) {
  $("#List").append("<dd id='item" + i + "'>" + list[i].name + "</dd>");
  $("#item" + i).click(function() {
    layer.confirm(5);
  });
}