2024年3月25日发(作者：)

在Element UI中，el-input是一个文本输入框组件，支持各种类型的输入，如文本、数

字、密码等。下面是el-input组件中常用的一些方法：

1. clear()：清空输入框的内容。

```html

this.$();

// 清空输入框的内容

```

2. focus()：让输入框获得焦点。

```html

this.$();

// 让输入框获得焦点

```

3. blur()：让输入框失去焦点。

```html

this.$();

// 让输入框失去焦点

```

4. select()：选中输入框中的所有文字。

```html

this.$();

// 选中输入框中的所有文字

```

5. setSelectionRange(start: number, end: number)：选中输入框中指定范围的内容，start

为起始位置，end为结束位置。

```html

this.$ectionRange(0, 5);

// 选中输入框中从第一个字符开始到第五个字符为止的内容

```

6. readonly(val: boolean)：设置输入框的只读属性。val为true表示只读，为false表示

可编辑。

```html

this.$ly(true);

// 设置输入框为只读属性

```

7. disabled(val: boolean)：设置输入框的禁用属性。val为true表示禁用，为false表示

启用。

```html

this.$ed(true);

// 设置输入框为禁用属性

```

注意：以上方法需要通过ref获取到el-input组件的实例，然后通过实例调用方法。例

如上述代码中的this.$t就是通过ref获取到的el-input组件实例。