在使用 Vue.js 的 El-tag 组件时,如果 title 属性无法显示,可能是插值表达式的写法有问题。

例如,以下代码中,title 属性的值没有用引号包裹:

<el-tag v-if="scope.row.refundStatus === '退款失败'" type="danger" title={{ scope.row.verifyFailedCause }} >退款失败 <i-ep-warning class="icon-grid"/></el-tag>

为了解决这个问题,应该将 title 属性的值用引号包裹起来,如下所示:

<el-tag v-if="scope.row.refundStatus === '退款失败'" type="danger" :title="scope.row.verifyFailedCause">退款失败 <i-ep-warning class="icon-grid"/></el-tag>

这样就能正确显示 title 属性的值了。

Vue.js 中 El-tag 组件的 title 属性无法显示问题解决方案

原文地址: https://www.cveoy.top/t/topic/qDHE 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录