m0_65679547 2022-04-26 11:04 采纳率: 68.2%
浏览 79
已结题

请问一下用.html写vue页面 然后这个页面要怎么写呢

不知道应该怎么写 目前写了这样子 不知道是不是错了， 这个应该怎么写呢

img

img

img

  • 写回答

4条回答 默认 最新

  • Iridescent 2022-04-26 11:46
    关注

    html

    <html>
<head></head>
<body>

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><!-- 引入jq -->
<script type="text/javascript" src="./layui/layui.js"></script><!--下载引入layui -->
<div>
  <table id="tables" class="layui-table" lay-filter="test"></table>
</div>
<script type="text/html" id="tableDemo">
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="">进入</a>
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="">离开</a>
        <a class="layui-btn layui-btn-xs" lay-event="">显示头像</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="">删除</a>
</script>
</body>
</html>

    js

    var dataModel = [
  [
        field : 'startTime',
        title : '开始时间',
  ]
  ...
  [
    field : '',
    fixed : 'right',
    title : '操作',
    align : 'center',
    toolbar : "#tableDemo",//指向自定义工具栏模板选择器
  ]
]
layui.use('table', function(){
                          var table = layui.table;
                          table.render({
                            elem: "#tables",
                            data : data ,//data渲染的数据
                            cellMinWidth : 100,
                            height : 'full-400',
                            cols : dataModel,
                            page : true, // 分页
                          });
                    });
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(3条)

报告相同问题？

问题事件

  • 系统已结题 5月24日
  • 已采纳回答 5月16日
  • 创建了问题 4月26日