vue + element 怎么清空文本域
在Vue中,可以通过给文本域绑定一个v-model指令来实现双向绑定。要清空文本域,只需要将对应的数据模型设置为空字符串即可。以下是一个示例:
<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>
在上面的代码中,el-input组件通过v-model绑定了inputValue属性,当文本域的值发生变化时,inputValue也会相应地更新。而clearInput方法则会将inputValue设置为空字符串,从而清空文本域的内容。
原文地址: https://www.cveoy.top/t/topic/iD5U 著作权归作者所有。请勿转载和采集!