$attrs 与 v-model结合使用value未被接收问题

[bienvenidoY]

问题

在avue-cli中使用项目时，使用v-model 与 $attrs时，子组件无法接收到value

--- Vue 2.5.2 ---

// child.vue
<template>
	<div>
    <!-- {} -->
    {{$attrs}}
  </div>	
</template>

//parent.vue
<template>
	<div>
  <Child v-model="parentVal" />
  </div>	
</template>	
<script>
export default{
  data() {
    return {
      parentVal: 'parentVal',
    }
  }
}
</script>

--- Vue 2.6.1 ---

// child.vue
<template>
	<div>
    <!-- {value: 'parentVal'} -->
    {{$attrs}}
  </div>	
</template>

//parent.vue
<template>
	<div>
  <Child v-model="parentVal" />
  </div>	
</template>	
<script>
export default{
  data() {
    return {
      parentVal: 'parentVal',
    }
  }
}
</script>

解决

使用vue 2.6.1以上版本

资料

• vue 2.6.1 https://github.com/vuejs/vue/releases/tag/v2.6.1
• issue fix(v-model): add value to $attrs if not defined in props (fix #9330) vuejs/vue#9331