element-ui文本框怎么做？

element-ui 是一个基于 Vue.js 的 UI 组件库，其中包含了许多常用的 UI 组件，包括文本框。要创建一个 element-ui 文本框，可以按照以下步骤进行:

1. 创建一个 HTML 文件，用于创建文本框组件。可以在该文件中使用 element-ui 的 UI 组件库来创建文本框组件。

2. 在 HTML 文件中，使用<el-input>元素来创建文本框组件。<el-input>元素包含一个<el-form-item>元素，该元素用于定义文本框组件在表单中的位置。

3. 在<el-form-item>元素中，使用<el-select>元素来定义文本框的值。使用 v-model 指令将文本框的值与组件的 props 属性进行绑定。

4. 使用<el-option>元素来定义选项，这些选项应该与组件的 props 属性中的 values 属性相对应。使用:value 属性来指定每个选项的值。

5. 在文本框组件中使用@change 事件来监听选项的更改。使用 forceUpdate() 方法来强制更新组件渲染，以反映选项的更改。

6. 最后，可以在 Vue.js 组件的 script 标签中添加 props 属性，并定义方法 addData，该方法将传入参数 e 并打印到控制台。

通过以上步骤，就可以创建一个 element-ui 文本框组件。需要注意的是，在创建文本框组件时，需要确保使用正确的数据绑定和事件绑定，以便正确地显示和响应用户的输入。