element toolTip修改样式

项目中需要使用文字提示,但是文字太多,把toolTip撑到和屏幕一样宽,需要把他的样式修改一下
步骤如下:
1.给toolTip添加class

<el-tooltip v-else effect="dark" :content="scope.row[item.prop]" placement="top" popper-class="tipCase">
    <span>{{ scope.row[item.prop] }}</span>
</el-tooltip>

2.在项目的根样式文件中修改,不能在页面中修改
因为toolTip的DOM节点是与app同级的

// 项目的根样式文件  base.css
.el-tooltip__popper.is-dark.tipCase{
    width: 50%;
}