自定义组件v-model的使用

自定义组件v-model的使用

首先 v-model是语法糖 他的实际意义是这样的

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

然后 等价于

<input v-model="value"/>

由此我们可以想 我们是不是也可以在自定义组件中使用v-model呢？

是的， 接下来我们演示一下

父组件中

<template>
    <div class="s_process_line_two">
        <process-line-two-slide-pop v-model="testmodel" ref="ProcessLineTwoSlidePop"/>
    </div>
</template>
<script>
data() {
    return {
        testmodel: 111111
    }
}
</script>

子组件中

<template>
 <div class="s_process_line_two_slide_pop">
   <el-drawer title="我是标题" :visible.sync