有这样一个需求
使用iview组件的table时，在某一列使用Tooltip

1. 方式

columns设置
table的columns设置

{
	 title: '请求方法',
	  key: 'method',
	  width: 200,
	  render: (h, params) => {
	    return h('Tooltip', {
	      props: { placement: 'top' }
	    }, [
	        this.maxSlice(params.row.method),
	        h('span', { slot: 'content', style: { whiteSpace: 'normal', wordBreak: 'break-all' } },
	          params.row.method)
	      ])
	  }
	},

maxSlice函数（截取字符串）

 maxSlice (v) {
      if (v) {
        return v.length > 20 ? v.slice(0, 20) + "..." : v
      }
    },

2. 效果展示

---

源码地址

传送门
开源项目，持续不断更新中，喜欢请 Star~

项目推荐

IT-CLOUD :IT服务管理平台，集成基础服务，中间件服务，监控告警服务等。