<el-icon>怎么使用图标

</el-icon>？

你可以在HTML中使用<i>标记来使用element-ui中的图标。例如，如果你想使用图标el-icon-info，可以使用以下代码：

<i class="el-icon-info"></i>

其中class属性的值为el-icon-info，即所需图标的名称。你也可以使用其他的element-ui图标，只需要将class属性的值更改为对应图标的名称即可。

相关问题

<el-icon><View /></el-icon> <el-icon><Hide /></el-icon>js 代码怎么让密码可见或者不可见图标分情况显示

在 Vue.js 中，如果你想通过 `<el-icon>` 标签来表示密码可见或不可见，并且可以根据某种条件动态切换显示的图标，你可以创建两个组件分别代表“眼睛”打开和关闭的状态。这里是一个简单的例子：

<template>
  <div>
    <button @click="togglePasswordVisibility">
      <span v-if="showPassword">
        <el-icon :icon="eyeIcon" /> 显示密码
      </span>
      <span v-else>
        <el-icon :icon="eyeCloseIcon" /> 隐藏密码
      </span>
    </button>
    <input type="password" v-model="password" v-show="showPassword" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      password: '',
      showPassword: true,
      eyeIcon: 'el-icon-eye', // 展示密码的图标，默认可能是 "el-icon-eye"
      eyeCloseIcon: 'el-icon-eye-close', // 隐藏密码的图标，默认可能是 "el-icon-eye-close"
    };
  },
  methods: {
    togglePasswordVisibility() {
      this.showPassword = !this.showPassword;
    },
  },
};
</script>

在这个例子中，当 `showPassword` 为 `true` 时，显示眼睛图标 (`eyeIcon`)，点击按钮会切换到隐藏图标 (`eyeCloseIcon`) 并改变输入框的内容类型从 `text` 到 `password` 或反之。

使用v-for，如何将element plus图标<el-icon><Cpu/></el-icon>放入div中

您可以在 div 标签中使用 v-for 指令，然后将 element plus 图标的 HTML 代码作为字符串传递给 div 标签的 v-html 属性。示例代码如下：

<div v-for="item in items" :key="item.id">
<div v-html="'<el-icon><Cpu/></el-icon>'"></div>
</div>

当然，您需要将 items 替换为你自己的数据源，例如一个包含多个项目的数组。