当前位置:   article > 正文

el-input 输入框无法输入内容_不支持 v-model 修饰符

不支持 v-model 修饰符
问题

image-20220215153348494

解决方案

image-20220215153744362

问题原因
官方文档上有提示

image-20220215153907273

上面的这句 不支持 v-model修饰符 其实我乍一看也一蒙,仔仔细细看了几遍好像明白了什么。

不支持 v-model 修饰符 =》

​ 不支持 v-model的修饰符 =〉

​ v-model的修饰符(就是 :model)=>(v-model的简写 === :model)

简单一句话就是,当不支持使用 v-model的简写时(:model),使用v-model

:model和v-model的区别
  1. v-model

    实现表单数据的双向绑定,还可以实现子组件到父组件之间的双向数据绑定

  2. :model:

    :model是v-bind的简写 ,只是实现了将父组件的值传递给子组件,并没有实现数据的双向绑定,当然如果是一个引用类型的数据另当别论(如果是引用类型的数据,子组件改变了数据父组件中的数据也会跟着改变)。

参考链接:

  1. https://blog.csdn.net/sinat_23536373/article/details/106639624
  2. https://www.cnblogs.com/baibabai/p/11286829.html
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/315523
推荐阅读
相关标签
  

闽ICP备14008679号