VUE子组件里面如何修改父组件传的值？

Question

父组件传给子组件的StringX

props: {
            StringX: {
                type: String,
                default:''
            },
………………

子组件中有个点击事件 点击时我想改变StringX的值 这样写不管用 请问应该怎么改？

methods: {
            select(){
                this.StringX = '测试'
            },
…………

Answer 1

子组件最好不要直接修改父组件的值，可以使用$emit触发父组件的方法，在父组件的方法里去修改父组件的值

select(){
  this.$emit('editStringX','测试')
}

父组件

<child :StringX="StringX" @editStringX="editStringX"></child>

editStringX(val){
 this.StringX = val
}

Answer 2

首先了解下为什么不管用：https://cn.vuejs.org/v2/guide...
然后了解下可行的几个方案：
https://cn.vuejs.org/v2/guide...
https://cn.vuejs.org/v2/guide...
总结：多看文档