uniapp监听父类传来的值没效果
时间: 2023-07-29 16:07:20 浏览: 62
你需要在父组件中使用 `@input` 监听子组件传来的值,并在父组件中更新数据。同时,你需要在子组件中通过 `$emit` 触发 `input` 事件来传递数据给父组件。
举个例子,如果你有一个父组件 `parent.vue` 和一个子组件 `child.vue`,你可以在父组件中这样监听子组件传来的值:
```html
<template>
<div>
<child :value="value" @input="updateValue"></child>
</div>
</template>
<script>
export default {
data() {
return {
value: ''
}
},
methods: {
updateValue(newValue) {
this.value = newValue
}
}
}
</script>
```
在子组件中,你可以这样触发 `input` 事件:
```html
<template>
<input type="text" :value="value" @input="$emit('input', $event.target.value)">
</template>
<script>
export default {
props: {
value: String
}
}
</script>
```
这样,当子组件中的输入框发生变化时,会触发 `input` 事件并将新的值传递给父组件。父组件会接收到这个新的值并将其更新到自己的数据中。
阅读全文