el-input的v-model
时间: 2023-09-26 09:12:02 浏览: 177
el-input是Element UI库中的一个输入框组件,而v-model是Vue.js中用于实现双向数据绑定的指令。在el-input中,可以使用v-model指令来绑定输入框的值与Vue实例中的数据属性之间的关系,实现数据的双向同步。
例如,假设我们有一个Vue实例中的data属性为inputValue,我们可以将el-input的值与该属性进行双向绑定,如下所示:
```html
<template>
<div>
<el-input v-model="inputValue"></el-input>
<p>输入框的值为: {{ inputValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ""
};
}
};
</script>
```
在上述代码中,el-input通过v-model指令绑定了data属性inputValue,当用户在输入框中输入内容时,inputValue的值会自动更新,而当我们改变inputValue的值时,输入框的值也会同步更新。这样就实现了输入框与Vue实例中数据属性之间的双向绑定。
阅读全文
相关推荐






