el-slider上的tooltip内容如何自定义

在 Element UI 中，`el-slider` 组件的 tooltip 内容可以通过 `tooltip-format` 属性来自定义。该属性可以接受一个函数，用于返回自定义的 tooltip 内容。在该函数中，我们可以根据当前滑块的值来返回对应的 tooltip 内容。

示例代码如下：

<template>
  <el-slider v-model="value" :tooltip-format="formatTooltip" />
</template>

<script>
export default {
  data() {
    return {
      value: 50
    };
  },
  methods: {
    formatTooltip(val) {
      // 自定义 tooltip 内容
      return `当前值为 ${val}%`;
    }
  }
};
</script>

在上面的示例中，我们定义了一个 `formatTooltip` 方法来自定义 tooltip 内容，并将该方法绑定到 `el-slider` 组件的 `tooltip-format` 属性上。在 `formatTooltip` 方法中，我们根据当前滑块的值来返回对应的 tooltip 内容。在本例中，tooltip 内容为 `"当前值为 ${val}%"`，其中 `${val}` 会被当前滑块的值所替换。

这样，我们就可以通过自定义 `tooltip-format` 方法来灵活地控制 `el-slider` 组件的 tooltip 内容了。