Javascript Select2:通过vue js中的onclick事件加载后不工作

我们在项目中的select选项上实现了select2。在我们的项目中，我们有项目部分（库存、数量和单位），在底部有一个按钮“添加项目”

当我单击“添加项目”时，它将在我的项目部分添加新行。但是添加的行，我的库存没有select2

示例：

// //正如您在这里看到的，这是用户单击“添加”按钮时的默认设置

//当用户单击“添加项”时

如您所见，项目中第二行的select2无效，但当我再次尝试添加新项目时。它会起作用的

问题：为什么我必须在项目中的上一行之前添加另一行才能进行select2

添加vue

<button class="btn btn-primary" @click="addItem"><i class="fa fa-plus" aria-hidden="true"></i> Add Item</button>

单击添加项目

<tbody>
  <tr v-for="(input, i) in inputs" :key="i">
      <td class="sticky">
          <select class="form-control-input form-control asset" name="item_asset[]" :data-counter="i+1">
              <option></option>
          </select>
      </td>
      <td>
          <input type="number" name="item_quantity[]" class="form-control form-control-input item-quantity" step="0.0001" required>
      </td>
      <td>
          <input type="text" name="item_unit[]" class="form-control form-control-input item-unit" readonly="readonly" :data-counter="i+1">
      </td>
<!--           <td v-if="asset[2]">
          <textarea name="item_specification[]" class="form-control" readonly="readonly" :data-counter="i">{{ asset[2] | striphtml }}</textarea>
      </td> -->
      <!-- <td v-else>  -->
      <td> 
          <textarea name="item_description[]" class="form-control" readonly="readonly" :data-counter="i+1"></textarea>
      </td>
    </tr>
</tbody>

每当我看到vue中使用jQuery时，我想。。。不在开发人员工具控制台中有任何输出吗？您想知道在我单击添加项后是否有错误吗？单击添加项时没有错误。好的，您可以添加一些console.logging来查看可能发生的情况吗？只是aq的建议

<tbody>
  <tr v-for="(input, i) in inputs" :key="i">
      <td class="sticky">
          <select class="form-control-input form-control asset" name="item_asset[]" :data-counter="i+1">
              <option></option>
          </select>
      </td>
      <td>
          <input type="number" name="item_quantity[]" class="form-control form-control-input item-quantity" step="0.0001" required>
      </td>
      <td>
          <input type="text" name="item_unit[]" class="form-control form-control-input item-unit" readonly="readonly" :data-counter="i+1">
      </td>
<!--           <td v-if="asset[2]">
          <textarea name="item_specification[]" class="form-control" readonly="readonly" :data-counter="i">{{ asset[2] | striphtml }}</textarea>
      </td> -->
      <!-- <td v-else>  -->
      <td> 
          <textarea name="item_description[]" class="form-control" readonly="readonly" :data-counter="i+1"></textarea>
      </td>
    </tr>
</tbody>