Javascript 引导vue:同一表中的两个不同v插槽：行详细信息

我正在bootstrap vue上制作一张桌子。也许有人遇到了这样的问题。我需要在同一个表中显示两个不同的v形槽：row details=“row”。但只显示一个

              <template v-slot:cell(empty1)="data">
                <a
                  href="javascript:void(0)"
                  class="text-first mr-2"
                 @click="data.toggleDetails"
                >
                  <font-awesome-icon icon="key" class="mr-2" />Change Password
                </a>  
              </template>
              
              <template v-slot:row-details="data">
                <div class="row mb-2">
                  <div class="col-md-12 font-weight-bold">
                    <label>New Password</label>
                    <b-form-group>
                      <b-input-group>
                        <b-form-input class="rounded-0" type="password" v-model="password"></b-form-input>
                      </b-input-group>
                    </b-form-group>
                  </div>
                  <div class="col-md-12">
                    <div class="mt-2 d-flex align-items-center">
                      <b-button variant="warning" class="mr-2" @click="updateFTPAccount(data.item.id)">Change Password</b-button>
                      <b-button variant="outline-warning" @click="data.toggleDetails">Cancel</b-button>
                    </div>
                  </div>
                </div>  
              </template>

新密码
修改密码
取消

---

提前感谢

不清楚您想要实现什么我还有两个类似的模块。只有不“С更改密码”，而是更改其他数据。但只有一个始终显示。