Vue-extra-long-text NPM

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