element 加提示 el-tooltip

浪淘沙2个月前 (08-04)前端51

<el-table-column prop="ym" label="域名" min-width="150">
    <template #default="{ row }">
        <el-tooltip placement="top">
            <template #content>
                <a
                    :href="row.ym.startsWith('http') ? row.ym : 'https://' + row.ym"                          
                    target="_blank"
                     style="color:#409EFF;text-decoration:underline"                >
                    {{ row.ym }}
                </a>
            </template>

            <span class="ellipsis">
                {{ row.ym }}
            </span>
        </el-tooltip>
    </template>

<el-table-column prop="ym" label="域名" min-width="150">
    <template #default="{ row }">               
        <el-tooltip :content="row.ym"
         placement="top">
         <span class="ellipsis">
             {{ row.ym }}
         </span>                  
        </el-tooltip>
    </template>
</el-table-column>

返回列表

上一篇：HttpClient 远程post，获取数据并对数组进行处理

下一篇：asp.net core razor element 下拉