vue element动态input
时间: 2023-08-04 20:08:34 浏览: 223
vuejs 动态添加input框的实例讲解
如果你想在 Vue 中使用 Element UI 动态绑定 input 组件的值,可以使用 `v-model` 指令。例如:
```html
<template>
<div>
<el-input v-model="inputValue" />
<el-button @click="reset">重置</el-button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
reset() {
this.inputValue = ''
}
}
}
</script>
```
在上面的代码中,我们使用 `v-model` 指令将 `inputValue` 和 `el-input` 组件的值进行双向绑定。当用户在输入框中输入内容时,`inputValue` 的值也会相应地改变。当我们点击“重置”按钮时,可以通过更改 `inputValue` 的值来清空输入框中的内容。
阅读全文