当前位置: 首页 > news >正文

网站编辑超链接怎么做企业seo排名

网站编辑超链接怎么做,企业seo排名,上海闵行刚刚发生的,长沙网站改版实现原理: 使用disabled属性控制el-tooltip的content显示与隐藏; 目标: 1行省略、多行省略、可缩放页面内的文本省略都有效。 实现方式: 1、自定义全局指令,tooltipAutoShow.js代码如下(参考的el-table中的…

实现原理:

使用disabled属性控制el-tooltip的content显示与隐藏;

目标:

1行省略、多行省略、可缩放页面内的文本省略都有效。

实现方式:

1、自定义全局指令,tooltipAutoShow.js代码如下(参考的el-table中的内容超出才显示tooltips的逻辑):

/**
* tooltip-auto-show tooltip不超长则不显示
*/
import Vue from 'vue'
import { getStyle } from 'element-ui/src/utils/dom'
export default {inserted(el, binding, vnode) {el.__vueOverflowTooltipMouseenter__ = function(e) {const defalutSilent = !!Vue.config.silentVue.config.silent = truevnode.componentInstance.disabled = trueconst range = document.createRange()range.setStart(el, 0)range.setEnd(el, el.childNodes.length)const rangeWidth = Math.round(range.getBoundingClientRect().width)const padding = (parseInt(getStyle(el, 'paddingLeft'), 10) || 0) + (parseInt(getStyle(el, 'paddingRight'), 10) || 0)let elWidth = el.offsetWidth// 兼容getBoundingClientRect().width值受scale缩放影响if (el.offsetWidth < Math.round(el.getBoundingClientRect().width)) {elWidth = Math.round(el.getBoundingClientRect().width)}// 1行省略if (rangeWidth + padding > elWidth || el.scrollWidth > elWidth) {vnode.componentInstance.disabled = false}// 处理多行省略if (getStyle(el, '-webkit-line-clamp') > 1 && el.scrollHeight > el.offsetHeight) {vnode.componentInstance.disabled = false}Vue.config.silent = defalutSilent}el.addEventListener('mouseenter', el.__vueOverflowTooltipMouseenter__)},unbind: function(el) {el.removeEventListener('mouseenter', el.__vueOverflowTooltipMouseenter__)delete el.__vueOverflowTooltipMouseenter__}
}
import tooltipAutoShow from './module/tooltipAutoShow'Vue.directive('tooltip-auto-show', tooltipAutoShow)

2、使用方式:

<el-tooltip v-tooltip-auto-show class="" effect="dark" :content="data.name" placement="top-start"><div>{{ data.name }}</div>
</el-tooltip>

3、实现效果:

http://www.hrbkazy.com/news/28488.html

相关文章:

  • 修改wordpress入口地址厦门seo结算
  • wordpress 无法加载cssseo排名优化首页
  • 做建材哪个网站平台好网站优化培训
  • 石家庄站列车时刻表二十条疫情优化措施
  • 微网站访问量seo是广告投放吗
  • 网站建设详细流磁力狗
  • 洞口做网站的公司百度关键词热度
  • 桂林出网站正规网站优化推广
  • 网站开发需要哪些工程师抖音seo排名系统
  • 建设企业网站的人员组成千峰培训多少钱
  • 高端网站制作免费开源网站
  • 网站建设基本流程详细说明搜索引擎seo关键词优化方法
  • 济源做网站怎么收费品牌营销是什么
  • 商城网站制作 价格个人引流推广怎么做
  • 罗湖企业网站建设做网站的软件叫什么
  • 看网站不受限制的浏览器有哪些app开发费用一般多少钱
  • 如何做垂直网站济南网络优化网站
  • 展览公司网站建设方案企业网站排名优化价格
  • 掉关键词网站抖音关键词排名查询
  • 免费创建音乐网站今日最新新闻摘抄
  • 恩施网站建设网站建设的方法有哪些
  • 乌鲁木齐市网站制作公司seo1视频发布会
  • 辽宁省电力建设网站百度网站推广费用
  • 商标注册需要多少钱seo研究中心超逸seo
  • 小说推广赚钱平台杭州最好的seo公司
  • 六盘水做网站百度精简版网页入口
  • 网站空间托管百度竞价排名广告
  • 业主装修日记那个网站做的好正规网站建设服务
  • 用php做的网站有哪些汉中网站seo
  • java做的网站的后缀是什么青岛网站设计