vue实现鼠标悬浮显示全部内容

在做vue项目中常常会遇到内容太长显示不全这就用到鼠标悬浮效果了使用(element-ui)<el-tooltip :content="全部内容" placement="top-start" effect="dark" popper-class="atooltip"><span class="topt1">{{ 内容}}</span></el-tool

Treasure girl1

6598人浏览 · 2020-12-07 10:41:38

Treasure girl1 · 2020-12-07 10:41:38 发布

在做vue项目中常常会遇到内容太长显示不全这就用到鼠标悬浮效果了

使用 (element-ui)

  <el-tooltip :content="全部内容" placement="top-start" effect="dark" popper-class="atooltip">
        <span class="topt1">{{ 内容}}</span>
  </el-tooltip>

effect=“dark” 在这可以修改背景颜色 "dark"是黑底白字， "light"是白底黑字

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^