在layui下對元素進行事件綁定的實例

 layui.use(['jquery', 'form', 'table', 'element'], function() {
  var form = layui.form;
  var table = layui.table;
  var element = layui.element;
  var $ = layui.$;
 
 
  // form.render();
  table.render({
   elem: '#tableList',
   // height: 315,
   url: "{{route('admin.data')}}",
   page: true, //開啟分頁 
   cols: [
    [ //表頭
     { field: 'id', title: 'ID', sort: true, fixed: 'left' },
     { field: 'name', title: '用戶名' },
     { field: 'role', title: '角色', sort: true },
     {
      field: 'status',
      title: '狀態(tài)',
      templet: function(d) {
       return d.status == 0 ? '禁止' : '啟用'
      }
     },
     { field: 'created_at', title: '創(chuàng)建時間' },
     {
      title: '操作',
      // minWidth: 200,
      templet: function(d) {
       return '<button class="layui-btn layui-btn-xs " lay-filter="editF" id="edit" data-id="' + d.id + '">編輯</button>'
      }
     }
    ]
   ]
  });
  //綁定事件
  $(document).on('click', '#edit', function(data) {
   var id = $(this).attr('data-id');
 
  });
  });