[JavaScript知识库]layui 表格的自定义模板雷区

在titleTpl里面自定义HTML时，如果某些标签带有id属性，那么将造成表格的某一列的数据拥有相同的id属性，在使用jquery的选择器时，只会选择第一个id=xxx的数据，导致不论怎么改变其他id=xxx的数据，始终只会返回第一个id=xxx的数据，这是一个非常低级的错误，但是浪费了我大半天时间。解决方法，使用vue动态赋值id，使表格每次渲染不同的id。

<script type="text/html" id="titleTplDepartment">
  <select name="department" id="selectDepartment{{d.id}}" >
    <option value="{{d.department}}" selected>{{d.department}}</option>
    <option value="开发">开发</option>
    <option value="商业">商业</option>
    <option value="">空</option>
  </select>
</script>

在script里面进行使用jQuery的id选择器字符串拼接返回对象，

$("#selectDepartment"+data.id).val()