当slot超过多层,怎么使用

138 阅读1分钟

使用方法:

 <form
    :formData="cFields"
    @change="handeChange"
    ref="form">
    <div class="paas-workflow-handlecard-sign-tip" slot="sequence">
        <p class="tit">{{$t('说明')}}</p>
        <p>{{$t('aa流程示意图:')}}</p>
        <p class="sequence-map"></p>
        <p>{{$t('bb流程示意图:')}}</p>
        <p class="parallel-map"></p>
    </div>
</form>

开发方法:

组件form

<formItem
    v-if="componentExist(item) && item.visible != false"
    :field="item"
    ref="formItem">
  <template slot="tooltip">
    <slot :name="item.name" ></slot>
  </template>
</formItem>

组件formItem内:

<div v-if="!field.notShowLabel" :class="['label-box', {'icon': field.required}]">
    <span>{{field.label}}</span>
    <fx-tooltip placement="right"  effect="light">
      <div slot="content"><slot name="tooltip"></slot></div>
      <span class="que"
          v-if="field.que">?
      </span>
    </fx-tooltip>
</div>