这个VUE的插槽问题,我实在是想不出来解决办法了

53 阅读1分钟

最近在用vue3重构公司v2的代码,涉及一个pdf拖拽的组件,上代码

image.png

使用到的地方是印章拖拽完成后的展示 image.png

            <preset-form :key="item.id" :data="item" v-if="item.fileId === activeFile.id&&!item.isPageSeal"
                         @delete="handleRemoveForm(item)" :can-edit="canEdit" :isRealName="isRealName"
                         :slot="'form_'+item.page" :scale="setFormScale" :can-part-edit="item.canPartEdit"
                         :participant="findParticipant(item.participantId)"
                         :color="colorMap[item.participantId]['border-color']"
                        ></preset-form>
               <template v-if="item.fileId === activeFile.id&& item.isPageSeal">
               <preset-form :key="index+'_'+item.id" :data="item" v-for="index in item.pageList"
                           @delete="handleRemoveForm(item)" :can-edit="canEdit" :isRealName="isRealName"
                           :slot="'form_'+index" :scale="setFormScale" :can-part-edit="item.canPartEdit"
                           :participant="findParticipant(item.participantId)"
                           :color="colorMap[item.participantId]['border-color']"></preset-form>
            </template>

          </template>

有哪位大佬遇到过这种嵌套插槽的问题吗,求解答,谢谢!