elementui获取input的值
时间: 2023-04-27 20:05:59 浏览: 92
可以通过v-model绑定数据来获取input的值,例如:
<el-input v-model="inputValue"></el-input>
在Vue实例中,可以通过this.inputValue来获取input的值。
相关问题
vue+elementui 获取el-input的值
可以使用v-model指令绑定input的值,例如:
<el-input v-model="inputValue"></el-input>
然后在Vue实例中可用data选项定义inputValue,如:
data() {
return {
inputValue: ''
}
}
通过这样的方式,inputValue的值就可以获取到el-input输入框中的值。
elementUI input值清空
使用ElementUI的input组件时,要清空其输入值可以使用以下方法:
1. 通过v-model绑定数据,将数据值设置为空字符串即可清空输入值。
```html
<el-input v-model="inputValue"></el-input>
```
```js
data() {
return {
inputValue: ''
}
}
```
2. 通过ref获取input组件实例,然后调用该实例的clear方法清空输入值。
```html
<el-input ref="input"></el-input>
```
```js
methods: {
clearInput() {
this.$refs.input.clear();
}
}
```
其中,`clear()`方法是input组件内置的方法,调用该方法会将输入值设为空字符串并清空搜索框。
阅读全文