element-plus type.text is about to be deprecated in version 3.0.0, please use link instead.

error.ts?aa5c:14 ElementPlusError: [props] [API] type.text is about to be deprecated in version 3.0.0, please use link instead.

文章共708字 · 阅读需要大约3分钟

一键AI生成摘要，助你高效阅读

问答

落杉丶

16829人浏览 · 2022-11-05 13:35:07

落杉丶 · 2022-11-05 13:35:07 发布

使用文字按钮时发现如下问题，虽不影响正常使用但是不能让它一直报错

在这里插入图片描述
代码如下

        <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>