使用文字按钮时发现如下问题,虽不影响正常使用但是不能让它一直报错
代码如下
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button
type="text"
@click="this.jumpDealWithTake(scope.row)"
>处理
</el-button>
</template>
</el-table-column>
展示效果如下
原因出在:
type="text"
通过官网可知,该属性已经被移除,出现这种情况大多是因为本地使用的element版本高,但是粘贴的代码是旧版本的代码(十分滑稽,cv打法)
所以我们这时应该用 link
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button
link
type="primary"
@click="this.jumpDealWithTake(scope.row)"
>
处理
</el-button>
</template>
</el-table-column>