使用el-input输入时,输入框中不显示文字

在使用el-input时,生成的text、textarea文本框中不显示输入的文字,啊啊啊,都要把键盘给敲烂了。。。

经过反复查看Element UI官方的说明文档,以及查找各种前辈的解决方案,发现需要使用以下步骤解决:

1、使用 v-model 进行事件绑定官网上的做法
2、在data()中返回 v-model 中绑定的值

具体做法,参照示例:

(1)使用 el-input 时,输入框不显示文字的代码:。。。

使用el-input输入时,输入框中不显示文字_第1张图片
(2)使用 v-model进行数据绑定的代码:

使用el-input输入时,输入框中不显示文字_第2张图片

(3)在data()中返回绑定的值:

使用el-input输入时,输入框中不显示文字_第3张图片

可以在文本框中输入内容啦啦啦:

使用el-input输入时,输入框中不显示文字_第4张图片

你可能感兴趣的:(#,前端操作bug,elementui,vue.js,前端)