vue-extra-long-text

基于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