最近在写一些表格页面,还有一些提示,我就用了 标签,大概我项目的代码如下
<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标签啦~