m0_65679547 2022-04-26 11:04 采纳率: 75%
浏览 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日

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵