首页 > 其他分享 >v-model 语法糖-在父子组件传值 的简写形式

v-model 语法糖-在父子组件传值 的简写形式

时间:2022-10-16 11:55:05浏览次数:81  
标签:自定义 绑定 语法 组件 input model 简写 传值

props的变量名字 必须是  value ,this.$emit('input',数据值) 的自定义事件必须是 input ;

v-model 是 vue 中进行数据双向绑定的指令,在内部实际上是通过语法糖来完成数据的双向绑定,v-model 绑定的形式有两种,一种是绑定在普通表单元素上,一种是绑定在自定义组件上,两者在实现上也略微不同;

 

当 v-model 绑定在普通表单元素 select、checkbox、radio 时,语法糖为 v-bind:value 和 v-on:change;


当 v-model 绑定在 input、textarea时,语法糖分几种情况:
  默认为 input 事件;
  带 lazy 修饰符时为 change 事件;
  带 type="range" 属性时为 __r;
  带 trim或 number 时新增 blur 事件;

 

当 v-model 绑定在自定义组件时,语法糖为 v-bind:value 和 v-on:input 或者自定义 model 选项;

标签:自定义,绑定,语法,组件,input,model,简写,传值
From: https://www.cnblogs.com/zhulongxu/p/16795898.html

相关文章