el-input 赋值
时间: 2023-10-25 22:19:26 浏览: 30
可以使用 `v-model` 或者 `:value` 属性给 `el-input` 赋值。
使用 `v-model` 时,可以将 `el-input` 绑定到一个变量上,例如:
```
<template>
<div>
<el-input v-model="inputValue"></el-input>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
```
这样,当用户在输入框中输入内容时,`inputValue` 的值会自动更新。
使用 `:value` 属性时,可以将 `el-input` 的值绑定到一个变量上,并在需要时更新该变量的值,例如:
```
<template>
<div>
<el-input :value="inputValue"></el-input>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
updateInputValue(value) {
this.inputValue = value
}
}
}
</script>
```
这样,当需要更新输入框的值时,可以调用 `updateInputValue` 方法来更新 `inputValue` 的值。