tooltip不生效问题

最近在写一些表格页面，还有一些提示，我就用了 标签，大概我项目的代码如下

<el-tooltip 
        :disabled="disabled" 
        content="点击开始绘制，鼠标移动到地图上显示为“+”号，点击地图上某一点则留下一个黑色线条空心小圆点，鼠标继续移动时其轨迹会显示出一条蓝色路线,直到鼠标点击形成第2个节点,至此,鼠标两次单击形成2个节点以及一条线。鼠标继续移动则其轨迹会继续显示蓝色线条,直到点击形成下一个节点。在地图上双击完成绘制,形成区域以后可以保存地图,绘制区域至少需要3个节点。" placement="bottom-start" effect="light">
          <el-button @click="disabled = !disabled" size="mini">绘制说明</el-button>
        </el-tooltip>

<style lang="scss">
.el-tooltip__popper {
    max-width: 20%!important;  //宽度可根据自己需要进行设置 
  }
</style>

这里特别需要注意一下哦～～ el-tooltip 的样式加上了scope是不生效的，但是页面中不加的scope可能会出现样式污染的情况～那么这样的话咱们就可以用两个style标签啦～