【vue】element ui的el-input 输入框不能输入值
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
前言
在使用element ui的el-input 输入框时,无法输入内容,后来发现是因为没有给input绑定值(v-model)
原因
Input 为受控组件,它总会显示 Vue 绑定值。(所以必须要给input绑定值v-model)
通常情况下,应当处理
input
事件,并更新组件的绑定值(或使用v-model
)。否则,输入框内显示的值将不会改变。不支持
v-model
修饰符:model。(所以不能用:model)
参考代码
<el-input v-model="input" placeholder="请输入内容"></el-input>
<script>
export default {
data() {
return {
input: ''
}
}
}
</script>
GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
8 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 9 个月前
更多推荐
已为社区贡献7条内容
所有评论(0)