1.输入框
<el-table-column prop="calculationFormulaName" width='150' label="公式设置"
:show-overflow-tooltip='true'>
<template slot-scope="scope">
<el-tooltip placement="top-start" effect="light"
:content="scope.row.calculationFormulaName"
:disabled="scope.row.calculationFormulaName.length <= 5">
<el-input v-model="scope.row.calculationFormulaName"
:style='{ "width": "100%" }' placeholder='' clearable>
</el-input>
</el-tooltip>
</template>
</el-table-column>
这样添加的时候calculationFormulaName默认添加的undefined 会报错 需要更改为文章来源:https://www.toymoban.com/news/detail-712439.html
:disabled="scope.row.calculationFormulaName == undefined ? true : scope.row.calculationFormulaName.length <= 5"
2.列表显示文章来源地址https://www.toymoban.com/news/detail-712439.html
<el-table-column prop="unit" label="单位" align="left" width="300" :show-overflow-tooltip='true' />
到了这里,关于vue element-ui悬浮显示的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!