[Element Migrating][ElInput][Attribute]: icon is removed, use suffix-icon / prefix-icon instead.

最新推荐文章于 2024-08-01 00:09:18 发布
最新推荐文章于 2024-08-01 00:09:18 发布
阅读量9k 收藏 2
点赞数 1
文章标签： 框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25479327/article/details/79530789
版权

Chrome控制台如下：

[Element Migrating][ElInput][Attribute]: icon is removed, use suffix-icon / prefix-icon instead.
[Element Migrating][ElInput][Attribute]: on-icon-click is removed.

Icon的变化
原来在input组件中可以用icon这个属性指定icon

<el-input
  placeholder="请输入用户名"
  icon="search"
  v-model="input"
  :on-icon-click="handleIconClick">
</el-input>

现在的话，这样写是不生效的：
可以通过prefix-icon 和 suffix-icon 属性在 input 组件首部和尾部增加显示图标，也可以通过 slot 来放置图标。

<el-input
  placeholder="请输入用户名"
  suffix-icon="search"
  v-model="input"
  :on-icon-click="handleIconClick">
</el-input>

Element-ui升级2.0后初体验

林飞的梦呓
关注
关于vue3最新版element-plus里prefix-icon图标不显示问题（已解决）
begefefsef的博客
03-09 4208
element-plus版本^1.2.0-beta.5的icon图标问题： 继element旧版更新后，新版的element-plus的图标引用修改了，很多小伙伴们不会用，这篇文章将介绍两种用法 前置条件： npm install @element-plus/icons-vue 全局引用： 打开main.js文件 // 导入所有的el-icon图标 import * as ElIconModules from '@element-plus/icons' const app = createApp(App
vue3+element-plus里prefix-icon图标使用不显示的问题
qq_37213281的博客
11-19 8039
问题描述： 今天在写项目登录的时候，需要在账号/密码处加上icon图标，但是引用完element-plus/icons之后，还是不行，不显示icon图标。后面发现，当前版本的emement-plus的icon图标不能直接使用了，需要以引用组件的方式引用，而且不能全局引用，只能单独引用，比如说使用user的icon图标，需要 app.component(“user”,user)这样引用之后，再使用prefix-icon="user"下面说下如何不单独引用icon。 main.js里面统一注册icon //
【问题随记】使用 el-input 标签并添加 prefix-icon 属性，但是图标并未显示
最新发布
繁依Fanyi的博客
08-01 340
在最新版的 ElementUI 中，使用 el-input 标签并添加 prefix-icon 属性，但是图标并未显示，试了好多方法，终于找到了解决办法。在官方文档中，可以使用下面代码来注册 ElementPlus 中的所有 icon 并应用到全局。现在只需像下面一样即可，不需要加上 el-icon 前缀。其次，图标的命名似乎发生了变化，之前是。
prefix-icon 和 suffix-icon
热门推荐
前端-黎姿
03-27 1万+
在input标签中可以通过prefix-icon 和 suffix-icon 属性在 input 组件首部和尾部增加显示图标 使用elementui的图标的例子： 使用iconfont图标的例子 第一步：从iconfont网站下载好你需要使用的图标 第二步：将iconfont.css iconfont.eot iconfont.ttf iconfont.woff iconfont....
element UI 出现错误提示：[Element Migrating][ElDialog][Attribute]: size is removed.
Yan65919的博客
03-10 616
Element 中ElDialog 属性已被删除
vue项目报错：migrating.js?2bb5:56 [Element Migrating][ElInput][Event]: click is removed.
南北极之间
03-18 4770
点击无效 解决办法： 可以使用 v-on 的修饰符 .native。例如： @click.native="getContentData(item)" <el-input v-for="(item,index) in voiceRetrievalData.oldContent" :key="index" v-model="item.sentence" .
C:\Users\lenovo\AppData\Local\Temp\ipykernel_17504\2728044908.py:1: DeprecationWarning: KerasClassifier is deprecated, use Sci-Keras (https://github.com/adriangb/scikeras) instead. See https://www.adriangb.com/scikeras/stable/migration.html for help migrating. clf = KerasClassifier(build_fn=create_model)
06-02
这个警告是因为您正在使用 `KerasClassifier`，但是它已经被弃用了。如果您想继续使用 `KerasClassifier`，可以忽略这个警告，但是建议您使用替代方案，例如 `Sci-Keras`。 如果您想迁移到 `Sci-Keras`，您可以参考...
warning @vue/cli > @vue/cli-ui > subscriptions-transport-ws@0.11.0: The `subscriptions-transport-ws` package is no longer maintained. We recommend you use `graphql-ws` instead. For help migrating Apollo software to `graphql-ws`, see https://www.apollographql.com/docs/apollo-server/data/subscriptions/#switching-from-subscriptions-transport-ws For general help using `graphql-ws`, see https://github.com/enisdenjo/graphql-ws/blob/master/README.md warning @vue/cli > @vue/cli-ui > apollo-server-express@3.12.0: The `apollo-server-express` package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023). This package's functionality is now found in the `@apollo/server` package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details. warning @vue/cli > @vue/cli-ui > apollo-server-express > apollo-server-types@3.8.0: The `apollo-server-types` package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023). This package's functionality is now found in the `@apollo/server` package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.
06-12
这段提示信息是关于 Vue CLI 和一些相关依赖包的警告。其中，subscriptions-transport-ws 包已不再维护，建议使用 graphql-ws 替代；apollo-server-express 和 apollo-server-types 包的功能现已被整合到 @apollo/...
we recommend you use `graphql-ws` instead. for help migrating apollo software to `graphql-ws`, see https://www.apollographql.com/docs/apollo-server/data/subscriptions/#switching-from-subscriptions-transport-ws for general help using `graphql-ws`, see https://github.com/enisdenjo/graphql-ws/blob/master/readme.md
04-06
我们建议您使用`graphql-ws`。如果需要将Apollo软件迁移到`graphql-ws`，请参阅https://www.apollographql.com/docs/apollo-server/data/subscriptions/#switching-from-subscriptions-transport-ws。...
D:/paper/QQQQ/1.py:115: DeprecationWarning: KerasRegressor is deprecated, use Sci-Keras (https://github.com/adriangb/scikeras) instead. See https://www.adriangb.com/scikeras/stable/migration.html for help migrating. model = KerasRegressor(build_fn=build_fn, **params, epochs=50, batch_size=10, verbose=0)
07-25
这是一个警告信息，提示您使用的KerasRegressor已经被弃用，建议使用Sci-Keras的替代版本。警告还提供了迁移指南的链接，以帮助您进行迁移。... 在您的代码中，您可以考虑将KerasRegressor替换为Sci-Keras中的相应类，...
AttributeError: The vocab attribute was removed from KeyedVector in Gensim 4.0.0. Use KeyedVector's .key_to_index dict, .index_to_key list, and methods .get_vecattr(key, attr) and .set_vecattr(key, attr, new_val) instead. See https://github.com/RaRe-Technologies/gensim/wiki/Migrating-from-Gensim-3.x-to-4
05-11
这个错误是因为Gensim 4.0.0版本中的KeyedVector类不再具有vocab属性。相反，可以使用.key_to_index字典，...你可以参考这个链接：https://github.com/RaRe-Technologies/gensim/wiki/Migrating-from-Gensim-3.x-to-4。
今日问题：Vue3+ElementPlus 输入框使用 :prefix-icon属性 图标不显示问题
weixin_52053631的博客
04-06 1856
今日问题：Vue3+ElementPlus 输入框使用 :prefix-icon属性 图标不显示问题
element-ui 输入框的前后缀图标 prefix-icon 和 suffix-icon
weixin_51386631的博客
06-02 5879
el-input是element-ui中的一个组件，在element-ui中文手册中有详细的介绍。其中，带 icon 的输入框示例如下： 代码： <el-input prefix-icon="iconfont icon-user" v-model="loginForm.username" ></el-input>
vue3.0+Eelment-plus中＜input＞中的prefix-icon图标不显示问题【已解决】
weixin_44079946的博客
01-29 3497
vue3.0+Eelment-plus中<input>中的prefix-icon图标不显示问题【已解决】
[Element Migrating][ElDialog][Attribute]: size is removed解决方案
qq_71214810的博客
12-10 1188
如果需要动态调整弹窗的大小，你可以在组件内部使用。，我们可以在样式中针对该元素进行样式设置，例如设置背景颜色、内间距等。在El-ement中使用了el-Dialog，其中的size需要删除。获取到弹窗的 DOM 元素，并操作其 CSS 样式来动态调整大小。则用于访问组件关联的根 DOM 元素，便于直接操作 DOM 元素。是 Vue 实例的一个属性，它是一个对象，包含了注册在。，我们可以直接访问和操作组件关联的 DOM 元素，例如。，这也是该属性被废弃的主要原因之一。是 Vue 实例的一个属性，它。
elementui-plus的prefix-icon无法显示问题
qq_34752068的博客
06-14 850
其中标签为icon为名称，可在文档中查看自己需要的icon进行更改。将Key的icon引入后在components里加入。
在element-ui控件el-input中前面添加icon图标(通过template #prefix和template #suffix实现)
m0_50207524的博客
04-07 4971
官方文档在el-input中可以通过 prefix-icon（首部）和 suffix-icon（尾部） 属性在 input 组件增加显示图标，也可以通过 slot 来放置图标。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值