vue-cli中自定义组件使用v-model

子组件

<template>
    <button @click="$emit('change', 123); ">改变</button>
</template>


export default {
    model: {
        prop: 'content',
        event: 'change'
    },
    props:{
        content:{
            type:String
        }
    },
}

 

父组件

<template>
....
    <HpEdit v-model='articleContent'></HpEdit>
  {{articleContent}}
  <input v-model='articleContent'/> .... </template> export default {
  return(){
    articleContent:'',
  }
}
posted @ 2020-06-09 14:05  正义de键盘侠  阅读(494)  评论(0)    收藏  举报