使用vue2.0，props双向改变数据。

Question

使用了element ui。看文档可以用$on与$emit模拟双向绑定。但是似乎失败了。。两天了没解决，心好累。。

1. 组件代码

2.父级代码

最后在父级点击组件依旧是

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever
 the parent component re-renders. Instead, use a data or computed property based on the prop's value.
  Prop being mutated: "provinceValue"

Answer 1

组件代码：应该这样写methods:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;testChange(val){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.$emit('testchange',val);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;或者 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;this.$emit('test-change',val); &nbsp;&nbsp;&nbsp;&nbsp;} }父组件：<vue-address&nbsp;:provinceValue=provinceValue &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:cityValue=cityValue &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@testchange="testChange2"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;@test-change="testChange2"></vue-address>原因：vue中$emit的写法并不支持驼峰，只能是全部小写，或者在分隔的地方用-