自定义title指令

晓不点

已于 2022-04-06 10:22:49 修改

阅读量207

点赞数

分类专栏： js vue 文章标签： mysql 数据库 database

于 2022-03-29 16:54:04 首次发布

本文链接：https://blog.csdn.net/qq_44187211/article/details/123825935

版权

vue 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

//自定义title指令，当字数超过时才显示title标签
title: {
			inserted: function (el, binding) {
				let { value } = binding;
				el.addEventListener('mouseenter', function(event) {
					var len = 0;
					for (var i=0; i<value.length; i++) {
						var c = value.charCodeAt(i);
						if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) {
							len++;
						}else {
							len+=2;
						}
					}
					if (len > 15) {
						el.title = value
					} else {
						el.title = ''
					}
				})
			},
		}