vue自定义组件如何实现双向绑定v-model

 时间:2024-10-14 23:35:07

1、自定义组件封装ivew的select组件

vue自定义组件如何实现双向绑定v-model

2、声明props属性value

vue自定义组件如何实现双向绑定v-model

3、父组件中绑定v颍骈城茇-model,相当于v-bind:value="value" v-on:input="$event.target.value"

4、自组件中$emit('input',value) $emit('on-change',value)

vue自定义组件如何实现双向绑定v-model

5、展示效果,在页面中直接使用DicSelect盲褓梆尺组件,使用v-model绑定变量,页面中进行筛选后直接绑定变量searchForm.stuType,以后再也不用写繁琐的消息事件处理函数了~

vue自定义组件如何实现双向绑定v-modelvue自定义组件如何实现双向绑定v-model
  • 百度推广移动端标题,创意最长能写多少字符
  • 泡茶茶具该怎么选择
  • 胃息肉会癌变吗?
  • 怎么利用艾灸缓解落枕症状
  • 2018年常用的语音芯片,语音IC介绍
  • 热门搜索
    重庆鸡公煲的做法 油饼的做法 白带有血丝是怎么回事 烩菜的做法 糖醋茄子的做法 离婚起诉书怎么写 炖猪蹄的做法 日记的格式怎么写 宫爆鸡丁的正宗做法 炒米饭的做法