写一套vue把子组件的searchValue的null值通过$emit方式传到父组件的代码
时间: 2024-05-09 15:18:13 浏览: 124
可以参考以下代码:
子组件:
```
<template>
<div>
<input type="text" v-model="searchValue" @input="$emit('update:searchValue', searchValue)">
</div>
</template>
<script>
export default {
props: {
searchValue: {
type: String,
default: null
}
},
data() {
return {
// ...
};
},
methods: {
// ...
}
};
</script>
```
父组件:
```
<template>
<div>
<Child :searchValue.sync="searchValue" />
</div>
</template>
<script>
import Child from './Child';
export default {
components: {
Child
},
data() {
return {
searchValue: null
};
},
methods: {
// ...
}
};
</script>
```
希望能帮到您。
阅读全文