Vue-Element的show-overflow-tooltip属性使用后空属性值鼠标移动上去提示一个黑色悬浮框

Vue-Element的show-overflow-tooltip属性使用后空属性值鼠标移动上去提示一个黑色悬浮框按照element官方写法为：&lt;el-table-column :porp=‘enterpriseName ’ :label="$t('会员名称')" show-overflow-tooltip&gt;&

marke_huang

35744人浏览 · 2018-09-21 13:20:14

marke_huang · 2018-09-21 13:20:14 发布

Vue-Element的show-overflow-tooltip属性使用后空属性值鼠标移动上去提示一个黑色悬浮框

按照element官方写法为：

<el-table-column :porp='enterpriseName' :label="$t('会员名称')" show-overflow-tooltip>
</el-table-column>

解决办法为在中间加一层template

<el-table-column :label="$t('会员名称')" show-overflow-tooltip>
	<template slot-scope="scope">
    	<span>{{ scope.row.enterpriseName }}</span>
	</template>
 </el-table-column>

最后是因为如果不使用<template><span></span></template>将属性包起来，js会判断宽度一致，所以会出现悬浮框

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}$/, //不连续的两位字母// /^