基于vue el-popover 超长文字提示

 <extra-long-text text="超长文长文字超长文字超长文字超长文字超长文字超长文字，超长文字超长文字" />
  <extra-long-text text="非超长文字不会提示" />
  <hr />
  <extra-long-text text="非超长文字总会提示" always-show-popper />
    <hr />
    
    <extra-long-text
      :width="100"
      text="固定宽度超长文字超长文字超长文字超长文字超长文字超长文字超长文字"
    />

    <hr />
    <extra-long-text
      content="自定内容"
      text="超长文长文字超长文字超长文字超长文字超长文字超长文字，超长文字超长文字"
    />
    <hr />

    <extra-long-text
      title="标题"
      content="自定内容"
      text="超长文长文字超长文字超长文字超长文字超长文字超长文字，超长文字超长文字"
    />
    <hr />
    <extra-long-text text="超长文长文字超长文字超长文字超长文字超长文字超长文字，超长文字超长文字">
            <el-link type="primary">超长文长文字超长文字超长文字超长文字超长文字超长文字，超长文字超长文字</el-link>
    </extra-long-text>

属性

| |描述 |类型 | |----------------|-------------------------------|-----------------------------| |text|内容 |type: String,required: true | |content |popover显示的内容，为空时使用text作为内容 |type: String | |width |固定宽，默认自动宽|Number| |suffix |默认是... |type: String | |suffix |el-popover的placement 默认是 top |type: String | |title |el-popover的title |type: String | |alwaysShowPopper |是否总是显示popover |type: Boolean | |popperClass |popper class,有title时class是popper-style2 加 popperClass |type: String | |textRow |几行截取，默认2行 |type: Number | |lineHeight |行高，这个影响...的位置，不同字体大小行高不一样，默认16 |type: Number |