uniapp子组件修改父组件的值没生效
时间: 2023-07-26 16:39:59 浏览: 83
uniapp实现吸顶,吸底
在uni-app中,子组件是无法直接修改父组件的值的。但是,可以通过触发父组件的自定义事件,并将需要修改的值作为参数传递给父组件,让父组件来修改。
具体的操作步骤如下:
1. 在父组件中定义一个自定义事件,例如:
```
<template>
<child :value="value" @updateValue="updateValue"></child>
</template>
<script>
export default {
data() {
return {
value: ''
}
},
methods: {
updateValue(val) {
this.value = val
}
}
}
</script>
```
2. 在子组件中触发父组件的自定义事件,并将需要修改的值作为参数传递给父组件,例如:
```
<template>
<button @click="updateValue">修改父组件的值</button>
</template>
<script>
export default {
props: ['value'],
methods: {
updateValue() {
this.$emit('updateValue', '修改后的值')
}
}
}
</script>
```
这样,在子组件中点击按钮触发updateValue方法后,就可以将需要修改的值作为参数传递给父组件,并在父组件中修改对应的值了。
阅读全文