Vue + Element 清空文本域内容的最佳实践

<template>
  <div>
    <el-input v-model='inputValue' />
    <el-button @click='clearInput'>清空</el-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    clearInput() {
      this.inputValue = '';
    }
  }
};
</script>
<p>在上面的代码中，el-input组件通过 v-model 绑定了 inputValue 属性，当文本域的值发生变化时，inputValue 也会相应地更新。而 clearInput 方法则会将 inputValue 设置为空字符串，从而清空文本域的内容。</p>