【踩坑+实践】 ElementUI +Vue table表头添加tooltip

话不多说，直接上范例地址。范例地址elementui 提供了一个render-head 方法，这个我试过了，不好使，不管怎样，结构都是只显示tooltip 的边框，不显示tooltip 的背景，查了很多资料，发现elementUI还有一个方法自定义表头，自定义表头里面提到使用Scoped slot 方法来重置表头，最后，根据这个方法，解决了表头添加tootip的问题扩展，类似的方法...

izengjing

9919人浏览 · 2018-11-20 11:23:29

izengjing · 2018-11-20 11:23:29 发布

话不多说，直接上范例地址。

范例地址

elementui 提供了一个render-head 方法，这个我试过了，不好使，不管怎样，结构都是只显示tooltip 的边框，不显示tooltip 的背景，查了很多资料，发现elementUI还有一个方法自定义表头，自定义表头里面提到使用Scoped slot 方法来重置表头，最后，根据这个方法，解决了表头添加tootip的问题

扩展，类似的方法还有很多，比如表头添加图标类，添加输入框，添加选择框的，都可以使用这个方法

以上

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^