Vue-（Show-overflow-tooltip）的作用

在我们画界面时不少使用Table表格，Table有很多的表头。你们有没有遇到这样一个问题，就是在你当屏幕中大小合适，但是当你在别人电脑显示或拉长你的网页时，就会出现空白，显得很突兀，Show-overflow-tooltip就是解决这个问题的。下面根据我做的项目来体验下这个属性使用前后的对比吧！使用前效果及代码：因为这里写死了，所以当我拉长我的界面就会出现上面的效果。使用后的效果及代码：...

～Phoenix

11183人浏览 · 2020-06-05 19:28:50

～Phoenix · 2020-06-05 19:28:50 发布

在我们画界面时不少使用Table表格，Table有很多的表头。你们有没有遇到这样一个问题，就是在你当屏幕中大小合适，但是当你在别人电脑显示或拉长你的网页时，就会出现空白，显得很突兀，Show-overflow-tooltip就是解决这个问题的。

下面根据我做的项目来体验下这个属性使用前后的对比吧！

使用前效果及代码：

因为这里写死了，所以当我拉长我的界面就会出现上面的效果。

使用后的效果及代码：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^