Element-plus在input框中加入图标

最新推荐文章于 2024-09-17 21:19:11 发布

C小白爬坑日记

最新推荐文章于 2024-09-17 21:19:11 发布

阅读量1.4k

点赞数 1

文章标签： vue.js npm elementui

本文链接：https://blog.csdn.net/WalkerTC/article/details/129664835

版权

用法:
首先引入对应的组件，注意这里不要用compoents,应该使用setUp

<script>
import { User } from "@element-plus/icons-vue";
import { Lock } from "@element-plus/icons-vue";
export default {
  name: "Login",
  setup(){
    return {
      User,Lock,
    }
  },
</script>

然后在<el-input>中使用

    <el-form-item prop="username">
          <el-input size="medium"  :prefix-icon="User" style="margin: 10px 0" v-model="user.username"></el-input>
        </el-form-item>