element-ui中clear怎么调用

Element UI是一个基于Vue 2.0的桌面端组件库，它提供了一套丰富的组件供开发者使用。`el-input` 组件是Element UI中用于输入文本的组件，它具有清空输入框内容的功能。

要调用 `el-input` 组件的清空功能，通常可以通过绑定一个事件来实现。在 `el-input` 组件上有一个 `clearable` 属性，当设置为 `true` 时，输入框会显示一个清除按钮，用户可以点击该按钮来清空输入框的内容。

以下是一个简单的示例代码，展示了如何使用 `el-input` 组件，并通过点击按钮来触发清空操作：

<template>
  <el-input
    v-model="inputValue"
    clearable
    placeholder="请输入内容"
  ></el-input>
  <el-button @click="clearInput">清空输入框</el-button>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    clearInput() {
      this.inputValue = '';
    }
  }
};
</script>

在这个示例中，`el-input` 组件通过 `v-model` 绑定了一个名为 `inputValue` 的数据属性，用于控制输入框的内容。`clearable` 属性使得输入框显示了一个清除图标。同时，我们定义了一个名为 `clearInput` 的方法，当点击 `<el-button>` 按钮时，此方法会被调用，将 `inputValue` 设置为空字符串，从而清空输入框的内容。