element-plus输入框显示图标

先安装icon

# NPM
$ npm install @element-plus/icons-vue
# Yarn
$ yarn add @element-plus/icons-vue
# pnpm
$ pnpm install @element-plus/icons-vue

<template><div class="page"><!--标题--><lstitle title="基础设置" enTitle="Installation location"></lstitle><!-- 条件框 --><div class="conddiv"><el-input v-model="positioninp" class="w-50 m-2" placeholder="位置搜索" :prefix-icon="Search" style="width:200px;"><template #prefix><el-icon class="el-icon--left"><Search /></el-icon></template></el-input></div></div>
</template><script>
import { Search } from '@element-plus/icons-vue'
export default {components: {Search},data() {return {positioninp: "",//位置}}
}
</script><style lang="scss" scoped>
.page {padding: 20px;
}
</style>

element-plus输入框显示图标相关推荐

【已解决】Vue3+Element-plus中input输入框中图标不显示
[已解决]Vue3+Element-plus中input文本框中图标不显示前言一.官网二.步骤 1.图标按需导入 2.图标注册 3.属性绑定前言今天博主正在学习Springboot+Vue的 ...
设置输入框el-input图标 / el-input表单只显示number
设置输入框el-input图标如果你在使用element-ui自定义插件的时候, 想保持和element风格一致,需要用到输入框 ,并且里面有icon小图标,不需要自己手写样式, 可以通过下面2种方 ...
Element el-input 输入框详解
点此查看全部文字教程.视频教程.源代码本文目录 1. 用途 2. 输入框 2.1 输入框基本功能 2.2 显示占位文本 2.3 禁用 2.4 可清空的输入框 2.5 显示密码框 2.6 显示图标 2 ...
打开计算机找不到桌面图标,电脑启动后桌面图标不见了怎么办不显示图标解决办法...
在我们的生活和工作中,电脑已经成为我们密切相关的工具之一了.但是偶尔有时候也会遇到电脑出现蓝屏.开不了机.桌面不显示图标等故障.那么电脑启动后不显示图标怎么办呢?最近有用户反映,电脑开机后进入桌面却不 ...
让fedora18桌面显示图标
让fedora18桌面显示图标最近装了fedora18,发现桌面无法放置应用程序的图标解决方法如下: su (输入密码) yum install gnome-tweak-tool 然后点击--- ...
jtree+mysql_Swing: JTree显示图标 + 文字 | 学步园
1.用到的类: JTree , DefaultMutableTreeNode, DefaultTreeCellRenderer 2.默认情况下节点显示的是DefaultMutableTreeNode ...
statusbar 尺寸显示图标_StatusBar 图标展示流程 - 状态栏(StatusBar)镜头布局分析...- git完代码后的异常_169IT.COM...
本页文章导读: ▪StatusBar 图标展示流程 StatusBar 图标显示流程 StatusBar 图标显示流程 (2010-11-05 15:23:29)转载分类: Androi ...
Linux kubuntu x64系统下解决QT5.12编辑菜单和工具栏不显示图标问题
Linux kubuntu x64系统下发现QT5.12在设计视图下编辑菜单和工具栏显示图标,但是编译运行后发现菜单和工具栏不显示图标,如下图: 我的解决办法是: 1.在QT项目中,菜单和工具栏图标一 ...
android e图标一会有一会没有反应,android解决菜单Menu添加Icon无效问题，让菜单同时显示图标和文字...
今天主要解决在Android 4.0 以上的系统中,在java代码中给菜单Menu动态添加Icon无效问题.本人通过尝试网上给出的涉及到菜单的源码类 MenuBuilder通过反射更改mOptiona ...

element-plus输入框显示图标

element-plus输入框显示图标相关推荐

最新文章

热门文章