elementui的el-tooltip宽度修改

在Element UI中，el-tooltip组件的宽度可以通过CSS覆盖其默认样式来修改。你可以通过类选择器或者深度选择器来指定样式。

以下是一个简单的例子，展示如何通过自定义类来修改el-tooltip的宽度：

1. 首先，在你的Vue组件中给el-tooltip添加一个自定义类：

<el-tooltip class="custom-tooltip" content="这是一段内容" placement="top">
  <el-button>悬停显示</el-button>
</el-tooltip>

2. 然后，在你的CSS文件中定义.custom-tooltip的样式，并设置你想要的宽度：

/* 使用类选择器 */
.custom-tooltip .el-tooltip__popper {
  width: 500px; /* 修改为你想要的宽度 */
}
 
/* 如果你使用了scoped样式，可以使用深度选择器 */
<style scoped>
.custom-tooltip /deep/ .el-tooltip__popper {
  width: 500px; /* 修改为你想要的宽度 */
}
</style>

请注意，如果你使用了scoped样式（在<style>标签中包含scoped属性），你需要使用深度选择器（/deep/ 或 ::v-deep）来确保样式能够穿透组件边界。

以上代码会将el-tooltip的提示框宽度修改为500px。你可以根据需要调整宽度值。