vue2中修改el-tooltip文字提示框最大宽度

在Vue2中，如果你想修改Element UI的`el-tooltip`的文字提示框的最大宽度，你可以通过自定义`el-tooltip`组件并覆盖其样式来实现。具体步骤如下：

1. 首先，在你的Vue组件模板中，正常引用`el-tooltip`元素，例如：

<template>
  <el-tooltip :content="yourTooltipText" placement="bottom">
    <button ref="tooltipBtn">点击看提示</button>
  </el-tooltip>
</template>

2. 然后，在你的组件的`script`部分，注入`$refs`并添加一个计算属性来获取按钮元素：

<script>
export default {
  data() {
    return {
      yourTooltipText: '这是一段很长的文字提示，可能会超出默认宽度',
    };
  },
  mounted() {
    this.setMaxWidth();
  },
  methods: {
    setMaxWidth() {
      const tooltipBtn = this.$refs.tooltipBtn;
      if (tooltipBtn) {
        // 获取当前实际宽度
        const actualWidth = tooltipBtn.offsetWidth;
        // 设置新的最大宽度（单位为px），这里可以根据需要调整数值
        tooltipBtn.style.maxWidth = `${actualWidth}px`;
      }
    },
  },
};
</script>

3. 这里我们实时计算按钮的宽，如果超过了原始宽度，就设置`max-width`保持原样。这样当内容变长时，提示框不会自动增大，而是保持最大宽度。

请注意，这种方法会改变特定实例的提示框大小，并不是全局的配置。如果你希望所有`el-tooltip`都有同样的最大宽度，你可以在CSS文件中针对`.el-tooltip__popper`类直接设置样式。