ElementUI中的tooltip随屏幕的宽度 消失和显示

最近开发的时候，用到tooltip,这个磨人的小妖精，让我茶不思，饭不想好久...
我是让她显示在右边的，可是当我窗口缩小的时候，经常她会飘过来，遮住别的元素，
我却拿她无法。 本着用户体验至上的职业操守 没办法，只能让她小屏的时候隐身了。。
入正文：

模块中使用

要写两个方法
1 初始化的时候来判定屏幕的宽度的方法
2 窗口屏幕缩放的时候来调用的方法

一.在main.js中写一个全局方法

Vue.prototype.getViewportSize = function () {
  return {
    width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
    height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
  }
}

二.在用到toolTip的模块

效果图