刚开始学习Vue,遇到个问题,怎么都搞不懂,求助
发布于 7 年前 作者 wlpeter 2894 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

如图,为啥tr和td元素会跑到最外面啊??? QQ图片20170406092508.png

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body>
    <div id="app">
      <table border="1">
        <thead>
          <tr>
            <th>Name</th>
            <th>Age</th>
          </tr>
        </thead>
        <tbody>
          <tb-item v-for="item in list" v-bind:val="item"></tb-item>
        </tbody>
      </table>
    </div>
  </body>
  <script src="https://cn.vuejs.org/js/vue.js"></script>
  <script>
    Vue.component("tb-item", {
      props: ["val"],
      template: "<tr><td>{{val.name}}</td><td>{{val.age}}</td></tr>"
    });
    var app = new Vue({
      el:"#app",
      data: {
        list:[
          {name:"ww",age:2},
          {name:"ww1",age:3},
          {name:"ww2",age:4}
        ]
      }
    });
  </script>
</html>
回到顶部