element-ui中做select二连@change时遇到的问题(:model差异,整行row赋值导致自我设定值时不生效)

本文详细介绍了Vue中v-model和:model的区别。v-model是双向数据绑定,常用于表单元素,而:model是v-bind:model的简写,仅单向绑定。在组件绑定中,:model的使用需要注意数据更新的问题,例如在表单变更事件中正确处理数据。文章还讨论了在数据赋值时的差异,以及在处理选择器选择值时的策略。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、:model和v-model是不一样的

  1. v-model
    v-modelvue.js内置的双向数据绑定,只用于表单控件标签,如input、textarea ;例:直接对input做双向数据绑定。
 <input type="text" v-model="msg">
// 此时实现了input的双向数据绑定,改变input框内的值,msg也会改变(msg定义在data中)
  1. :model
    :modelv-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=
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值