vue+faker.js生成虚假数据测试效果代码

代码语言:html

所属分类:其他

代码描述:vue+faker.js生成虚假数据测试效果代码

代码标签: vue faker.js 生成 虚假 数据 测试

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">


    <meta name="viewport" content="width=device-width">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/semantic.min.css">
    <style>
        body {
          display: flex;
          min-height: 100vh;
          background: #f0fafa;
        }
        
        #app {
          margin: auto;
          align-self: center;
          background: #e6f0f0;
          padding: 25px;
          border-radius: 10px;
        }
        #app h1 {
          text-align: center;
          color: #6e7878;
        }
    </style>



</head>

<body>
    <div id="app">
        <h1>Vue.js + Faker.js playground</h1>
        <div id="container">
            <table class="ui striped table">
                <thead>
                    <th>First name</th>
                    <th>Last name</th>
                    <th>Phone number</th>
                    <th>E-mail</th>
                </thead>
                <tbody>
                    <tr v-for="person in peopleArray">
                        <td>{{ person.firstName }}</td>
                        <td>{{ person.lastName }}</td>
                        <td>{{ person.phoneNumber }}</td>
                        <td>{{ person.email }}</td>
               .........完整代码请登录后点击上方下载按钮下载查看

网友评论0