nestedCards.vue

nestedCards.vue

<div class="card">
    <h4 class="card-header" @click="toggleVisibility('')">
      ""
    </h4>
    <div class="card-block" v-if="">

      <div class="p-card" v-for="" v-bind:class="{ 'p-card-odd': oddIndex(index) }">
        <div class="p-card-header">
          <button type="button" class="close" @click="deleteDynElement('', index)">
            <span>&times;</span>
          </button>
          <h5> {{ index + 1 }}</h5>
        </div>
        
        <div class="p-card-block">
          <div class="form-group row">
            <label class="col-sm-2 col-form-label"></label>
            <div class="col-sm-6">
              <input type="text" class="form-control" v-model="">
            </div>
            <div class="col-sm-4">
              <p class="form-text text-muted"><small></small></p>
            </div>
          </div>
        </div>
      </div>

      <button type="button" name="button" class="btn btn-primary" @click="addDynElement()"></button>
    </div>
  </div>