Bootstrap手风琴没有在VueJS中崩溃

时间:2018-05-08 14:46:35

标签: html vue.js bootstrap-4

我在这里遇到了一些问题,我不确定如何修复它。它可能是一些非常小而且愚蠢的东西,但我正在看它...

我在引导程序中使用了这个手风琴,通常当你选择一个新元素时,打开的元素会崩溃。这在我的版本中没有发生。

以下代码:

<template>
  <div class='monsters'>
    <div class="loading" v-if="loading">
      <div class="loading">Loading&#8230;</div>
    </div>
    <div v-if="error" class="error">
        {{ error }}
    </div>
    <ul v-if="monsters">
      <div class="panel-group" id="accordion">
        <div class="panel panel-default" v-for="monster in monsters">
          <div class="panel-heading">
            <h4 class="panel-title">
              <a data-toggle="collapse" data-parent="#accordion" :href="'#monster'+monster.id">{{ monster.name }}</a>
            </h4>
          </div>
          <div :id="'monster'+monster.id" class="panel-collapse collapse in">
            <monster-lg  v-bind:monster="monster"></monster-lg>
          </div>
        </div>
      </div>
    </ul>
  </div>
</template>

关于为何如何等等的任何想法?

0 个答案:

没有答案