el-tabs字数过多鼠标悬浮显示tooltips

闭着眼睛揪耳朵

于 2022-08-31 14:54:17 发布

阅读量751

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/weixin_54252683/article/details/126623939

版权

<el-tabs
     scenatorStyle="scenator_tabs_auto"
     :stretch="true"
     class="tabs-content scenatorStyle"
     v-model ="tabName"
     @tab-click="changeTab"
     type="card">
     <el-tab-pane
         :key="item.id"
         v-for="(item) in pidModels"
          :label="item.name"
          :name="item.id">   
          <el-tooltip 
                slot="label" effect="dark" :
                content="item.name"
                placement="bottom-start">
                <span>{{ item.name }}</span>
           </el-tooltip>
           <child 
                v-if="activeName === item.id" 
                :enrollmentId="item.id" 
                :title="item.name">
             </child>
       </el-tab-pane>
  </el-tabs>