vue中v-model的使用

v-model 是vue的双向数据绑定。

上面的代码等价于下面的代码

<input v-model="searchText" />

<input
  :value="searchText"
  @input="searchText = $event.target.value"
/>

当input使用在组件上时

<inputColumn title="人员姓名" placeholder="请输入人员姓名" v-model="name"/>

组件内部

<template>
  <input
    :placeholder="placeholder"
	:value="value"
	@input="$emit('input', $event.target.value)"
	:maxlength="maxlength"
	:always-embed="true"
	/>
</template>

当switch使用在组件上时

<switchColumn title="展示状态" :must="true" v-model="display" />

 组件内部

<template>
  <switch 
    :checked="value" 
    @change="$emit('input',$event.detail.value)" 
    color="#00C15D"
  />
</template>

注意：input和switch，$emit的方法都是 input