超出长度显示省略号,鼠标移入显示全部内容
//这里用的是element组件,可以替换<el-popoverwidth="300"popper-class="wbs-popover"placement="bottom"trigger="hover"//鼠标移入要展示的内容:content="formParams.cooperationName"//判断大于指定长度显示v-if=" formParams.cooperationName.replace(/[\u0391-\uFFE5]/g, 'aa').length > 36" ><p slot="reference" class="title">{{formParams.cooperationName }}</p></el-popover><p v-else> {{formParams.cooperationName }} </p>//cs.title{max-width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
如果觉得《超出长度显示省略号 鼠标移入显示全部内容》对你有帮助,请点赞、收藏,并留下你的观点哦!