文章目录
一、:model和v-model是不一样的
v-model
v-model
是vue.js
内置的双向数据绑定,只用于表单控件标签,如input、textarea ;例:直接对input做双向数据绑定。
<input type="text" v-model="msg">
// 此时实现了input的双向数据绑定,改变input框内的值,msg也会改变(msg定义在data中)
:model
:model
是v-bind:model
的缩写,v-bind是一个动态绑定指令,并未实现数据的双向绑定(引用类型除外
)。
<input type="text" :model="msg" >
// 此时改变input的值,msg不会发生变化,:model="msg"只是通过v-bind指令,将msg的值赋给了这个input,这里的:model的model可以是任意变量名,下面的:mydata="msg"实现的效果和:model一样,同时用到了v-bind指令。
<input type="text" :mydata="msg"/>
二、:model绑定的一些问题
组件绑定
<my-form
label-width="100px"
size="small"
ref="mdInfo"
:footer="null"
:model="mdInfo"
:dictMap="dictmaps"
:rules=