ElementUI Tooltip 文字提示应用及更改宽度和背景色

实现效果如下图：

实现步骤如下：

1、在el-table中的el-table-colum内加上

:show-overflow-tooltip="true"

示例：

<el-table-column :show-overflow-tooltip="true" prop="content" label="意见建议" />

2、样式中加上

  /* 更改背景色 */
  .el-tooltip__popper.is-dark {
    background: rgba(70,76,91,.9)!important;
    color: #FFF;
    max-width: 18%;
    line-height: 24px;
  }
  /* 更改箭头颜色 */
  .el-tooltip__popper[x-placement^=top] .popper__arrow::after {
      border-top-color: rgba(70,76,91,.9)!important;
  }
  .el-tooltip__popper[x-placement^=top] .popper__arrow{
    border-top-color: rgba(91, 90, 70, 0.9)!important;
  }

踩坑经历：style 中有scoped 时，更改el-tooltip__popper样式不生效，去除就好了