zoukankan      html  css  js  c++  java
  • element-ui-table

    代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="../element-ui2.13.2/element-ui/lib/theme-chalk/index.css">
        <title>Document</title>
    </head>
    <body>
        <div id="app">
            <template>
                <el-table :data="tableData">
                  <el-table-column label="日期" prop="date" width="180"></el-table-column>
                  <el-table-column label="姓名" prop="name" width="180"></el-table-column>
                  <el-table-column label="地址" prop="age" width="180"></el-table-column>
                </el-table>
            </template>
        </div>
    </body>
    <script src="../vue2.6.11/vue/dist/vue.min.js"></script>
      <!-- import JavaScript -->
      <script src="../element-ui2.13.2/element-ui/lib/index.js"></script>
      <script>
          new Vue({
              el: "#app",
              data:{
                tableData:[{
                    date:"2016-05-02",
                    name:"张三",
                    age:18
                },{
                    date:"2016-05-02",
                    name:"张三",
                    age:18
                },{
                    date:"2016-05-02",
                    name:"张三",
                    age:18
                }]
              }
          })
      </script>
    </html>

    效果:

  • 相关阅读:
    Java中的==和equals区别
    2014年06月30日
    20140625&nbsp;20:39
    20140627&nbsp;20:47
    2014年06月30日
    20140628&nbsp;16:07
    hdu 1418 抱歉 (数学)
    hdu 1302 The Snail (模拟)
    hdu 1391Number Steps
    hdu 1395 2^x mod n = 1
  • 原文地址:https://www.cnblogs.com/LoganChen/p/13127223.html
Copyright © 2011-2022 走看看