Vue + Element UI 清空文本域:简单有效的方法
在 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>
这样,点击按钮时,文本域中的内容就会被清空。
原文地址: https://www.cveoy.top/t/topic/qkHZ 著作权归作者所有。请勿转载和采集!