zoukankan      html  css  js  c++  java
  • vue报错 Missing required prop: "value"-----(v-model 与 :model的区别)

    找不到value值 

    原因:这个错是因为自己绑定值得问题,将v-model 写成了:model 。

    v-model: 是vue内置的双向数据绑定,父子组件的双向绑定,通常用于input数据的双向绑定,用于表单控件以外的标签是不起作用的(即只对表单控件标签的数据双向绑定有效)。

    :model: (v-bind:model)v-bind动态绑定指令,默认情况下标签自带属性的值是固定的,这种只是将父组件的数据传递到了子组件,并没有实现子组件和父组件数据的双向绑定。当然引用类型除外,子组件改变引用类型的数据的话,父组件也会改变的。

    <input v-model="message"> =
    <input v-bind:value="message" v-on:input="message = $event.target.value" />
    上面这个例子中,v-bind:value="message" 只是将message变量的值赋给了input的value,
    并没有双向绑定,再此声明一下以防混淆

    v-bind 一般用于绑定属性值(可省略)

    v-on 一般用于绑定事件(简写@)

  • 相关阅读:
    个人工作总结2
    个人工作总结1
    《梦断代码》阅读笔记01
    构建之法阅读笔记4
    四则运算-安卓版
    最大联通子数组之和(dfs,记忆化搜索,状态压缩)
    第五周进度报告
    第四周进度报告
    最大子数列之和问题
    构建之法阅读笔记3
  • 原文地址:https://www.cnblogs.com/sylys/p/11993674.html
Copyright © 2011-2022 走看看