vue 操作列的自定义

Posted 2021-03-15 a438842265

 

 

 

<el-table-column label="操作">
　　<template slot-scope="scope">

　　　　// 用到了 el-tooltip 鼠标放上去就会有提示 
　　　　<el-tooltip effect="dark" content="编辑" placement="top" :enterable="false">
       　　<el-button type="primary" icon="el-icon-edit" size="small"></el-button>
       </el-tooltip>
       <el-tooltip effect="dark" content="删除" placement="top" :enterable="false">
           <el-button type="danger" icon="el-icon-delete" size="small"></el-button>
       </el-tooltip>
       <el-tooltip effect="dark" content="详细" placement="top" :enterable="false">
           <el-button type="warning" icon="el-icon-setting" size="small"></el-button>
       </el-tooltip>
   </template>
</el-table-column>

 

EL  [el]  详细X

基本翻译

abbr. 预期损失（Expected Loss）

n. (El)人名；(匈)埃尔；

网络释义

EL: 电致发光

El Capitan: 酋长岩

El Nino: 厄尔尼诺