在 Vue 中使用 Element UI 的文本域组件,可以使用 v-model 指令将文本域与 Vue 实例中的数据进行双向绑定。要清空文本域,只需将相关数据设置为空字符串即可。

例如,假设有一个文本域的值绑定到了 content 变量:

<el-input type='textarea' v-model='content'></el-input>

在 Vue 实例中,可以添加一个方法来清空文本域:

data() {
  return {
    content: ''
  }
},
methods: {
  clearTextarea() {
    this.content = '';
  }
}

然后,在需要清空文本域的时候,调用 clearTextarea 方法即可:

<el-button @click='clearTextarea'>清空文本域</el-button>

这样,点击按钮时,文本域中的内容就会被清空。

Vue + Element UI 清空文本域:简单有效的方法

原文地址: https://www.cveoy.top/t/topic/qkHZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录