Javascript 在v-for循环中使用vue组件

您好，我需要一个关于生成多个vue组件的帮助（vue popperjs-用于工具提示）

在下面的代码中，组件出现在页面上，但我无法与它们交互（按钮不会切换工具提示，默认情况下显示工具提示），并且控制台中出现错误 “vue.common.js？e881:560[vue warn]：挂载钩子中的错误： （发现于）

及

和相同的组件工作，但不在for循环中。

---

请帮帮我，我不知道该怎么办

这里的问题归结为

popper

组件嵌入到段落元素中（

）。从该元素中去掉它就解决了问题。

您的组件的javascript代码是什么？这是我理解的插件。我是说你的密码。不是模板。我不懂你的代码是什么？你是说额外的分类吗？我只是实现了那个插件并使用了他，我没有我的js代码。是的，

additionalCategories

在哪里定义？其中是

新Vue（…）

等。 TypeError: Cannot read property '0' of undefined at VueComponent.mounted (eval at (app.js:909), :117:64) at callHook (eval at (app.js:891), :2275:21) at Object.insert (eval at (app.js:891), :2954:7) at invokeInsertHook (eval at (app.js:891), :4960:28) at Vue$3.patch [as __patch__] (eval at (app.js:891), :5124:5) at Vue$3.Vue._update (eval at (app.js:891), :2042:19) at Vue$3.updateComponent (eval at (app.js:891), :2158:10) at Watcher.get (eval at (app.js:891), :2469:25) at Watcher.run (eval at (app.js:891), :2539:22) at flushSchedulerQueue (eval at (app.js:891), :2331:13)

<span class="input" v-for="additionalCategory in additionalCategories">
  <p>@{{ additionalCategory.name }}

    <popper trigger="click" :options="{placement: 'right'}" :content="additionalCategory.tooltip_text">
      <div class="additionalCategory.tooltip_text">
        @{{ additionalCategory.tooltip_text }}
      </div>

      <button slot="reference">
        Reference Element
      </button>
    </popper>
    <span v-if="additionalCategory.tooltip_active" class="tooltip-div" @click="showTooltip(additionalCategory.tooltip_text, additionalCategory.id, $event)">

      <span class="tooltip_toggle" v-bind:class="additionalCategory.id"></span>
    </span>
  </p>

  <div class="input-action">
    <div class="counter">
      <input type="text" :value="additionalCategory.quantity" :id="additionalCategory.id">

      <div class="ico"><img :src="'/images/icons/'+additionalCategory.icon+'.png'"
                            :id="additionalCategory.name"></div>
      <div class="plus-minus">
        <div class="minus" v-on:click="clickMinus($event, additionalCategory.id)"></div>
        <div class="plus" v-on:click="clickPlus($event, additionalCategory.id)"></div>
      </div>
    </div>
  </div>
</span>

Vue.component('popper', require('vue-popperjs'));