vue中input的文字怎么换成图标

你可以使用 `element-ui` 中的 `el-input` 组件来实现将输入框文字替换成图标的效果。具体实现步骤如下：

1. 引入 `element-ui` 库：

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

2. 在 Vue 组件中使用 `el-input`：

<el-input placeholder="请输入内容">
  <span slot="prefix">
    <i class="el-icon-search"></i>
  </span>
</el-input>

在上面的代码中，`<span slot="prefix">` 表示在输入框前面添加一个图标，`<i class="el-icon-search"></i>` 表示使用 `element-ui` 中自带的搜索图标。

你可以根据自己的需要替换成其他的图标，也可以使用自定义的 SVG 图标。