добавить тег ‹tr›‹td› случиться проблема с использованием vue.js

У меня есть таблица, когда я создаю данные, которые она будет обновлять

и я хочу использовать Vue.js для выполнения

поэтому я хочу увидеть компоненты Vue.js и попробовать

<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>

it's can work. However, is not I want

это мой потраченный результат

<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>

How to fix it?


javascript vue.js vue-component
person 名宏鄭    schedule 25.01.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте так, как это используется в этом ответе:

<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
person Saurabh    schedule 25.01.2017