Vue.js 中 El-tag 组件的 title 属性无法显示问题解决方案
在使用 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 属性的值了。
原文地址: https://www.cveoy.top/t/topic/qDHE 著作权归作者所有。请勿转载和采集!