使用Vue表单时输入框无法输入文字

今天我在改一个项目时,使用表单验证时运行后发现各项功能都正常运作,但是当我往输入框填入内容时却怎么无法输入不了。控制台的报错如下图所示:

我的解决过程:

1.首先我对比了一下我之前写的没有问题的代码,完善该有的功能后基本上没有太大的问题,因为这个项目是我从网上下载下来的但是发现这个项目有挺多Bug的,本来是拿来练手的但没想到。

2.我运行时自测了一下,各项功能没有问题。然后当我往输入框输入内容时却怎么也输入不了。代码如下图所示:

3.然后我百度查询了一下试了一些方法就是使用forceUpdate进行强制更新, 这样的话必须每个input都加上这么个东西但是还是不行,我看到第二篇文章时说在from表单中一定要绑定数据域,然后我看了一下我的不是这个的问题,但是我突然看到一个特别引起我注意的地方就是v-model这个相关的字符

4.我之前是这样写的如下图所示没有问题,然后我发现现在写的这个v-model和:model这两个地方不一样,我就试了一下居然成功了。

具体原因我还没来得及想,太晚了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值