如何给el-input赋值
时间: 2023-10-27 15:18:57 浏览: 152
jq点击复选框触发事件给input赋值.zip
你可以使用 `v-model` 或 `:value` 属性来给 `el-input` 组件赋值。
使用 `v-model`:
```html
<template>
<el-input v-model="inputValue"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
```
使用 `:value`:
```html
<template>
<el-input :value="inputValue" @input="inputValue = $event"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
```
在上面的示例中,我们使用 `inputValue` 变量来绑定输入框的值。无论你使用 `v-model` 还是 `:value`,都需要在组件的 `data` 选项中定义 `inputValue` 变量。在 `v-model` 的情况下,`inputValue` 变量会自动更新;在 `:value` 的情况下,我们需要在 `@input` 事件中手动更新 `inputValue` 变量。
阅读全文