element ui 中 el-tooltip多行显示和注意点

el-tooptip组件有鼠标悬停显示提示文字的功能。

基本使用：

        <el-tooltip content="今天除了三顿饭，一泡屎，你还干了啥！干了啥">

                <span>毒鸡汤<span>

        </el-tooltip>

        注意：要应用提示功能的内容必须用容器套起来。<span>毒鸡汤</span>

效果：

段落提示（提示内容换行）：主要是利用slot="content"

        <el-tooltip>
            <div slot="content" style="width: 100px; height: 50px;" >  //可以设置你想要的样式
                今天除了三顿饭，一泡屎，你还干了啥！干了啥！
            </div>
            <span>毒鸡汤</span>
        </el-tooltip>

效果：

 具体配置参数请参考：组件 | Elementhttps://element.eleme.io/#/zh-CN/component/tooltip