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

  • Z时代
  • 2024-03-14
  • 分类：IT

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

父组件传给子组件的StringX

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

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

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

回答：

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

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

父组件

<child :StringX="StringX" @editStringX="editStringX"></child>
editStringX(val){
 this.StringX = val
}

回答：

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

以上是 VUE子组件里面如何修改父组件传的值？ 的全部内容， 来源链接： utcz.com/p/936431.html

回到顶部