Question

我创建数据时会有一个表格，它会更新

我希望使用Vue.js来做

所以我要查看Vue.js Components并尝试

<div id="app1">
<table class="table table-bordered">
    <tr>
        <td class="active">name</td>
        <td class="active">pirce</td>
    </tr>
    <my-trtd></my-trtd>        
</table>

JS

Vue.component('my-trtd', {
                        template: '<tr><td>' + 1 + '</td>' +
                                      '<td>' + 2 + '</td></tr>'
                    })
                    new Vue({
                        el: '#app1'
                    })

结果

<div id="app1">
<tr>
    <td>1</td>
    <td>2</td>
</tr>
<table class="table table-bordered">
    <tbody>
        <tr>
            ..
        </tr>
    </tbody>
</table>

它可以工作。但是，我不想要

这是我的费用结果

<div id="app1">
<table class="table table-bordered">
    <tbody>
        <tr>
            <td class="active">name</td> 
            <td class="active">pirce</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

如何解决？

Answer 1

尝试这样，就像在answer中使用的那样：

<div id="app1">
  <table class="table table-bordered">
      <tr>
          <td class="active">name</td>
          <td class="active">pirce</td>
      </tr>
      <template>
         <my-trtd></my-trtd>        
      </template>
  </table>
</div

使用vue.js添加标签会遇到麻烦

1 个答案: