vue3 setup emit 不生效子组件中的值回传给父组件

妙莲

于 2021-04-20 17:10:54 发布

阅读量4.2k

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_44166439/article/details/115913599

版权

vue 专栏收录该内容

37 篇文章

订阅专栏

父组件

<Input v-model="val"/>

子组件

<input v-model="input" />

 props: {
    modelValue: {
      tppe: [ String | Number],
      default: '',
    },
 },
 setup(props, { emit }) {
 	const input = ref('')
	const clearVal = () => {
		input.value = ''
        emit('update:modelValue', '') // input数据清空时候回传给子组件最关键的一步
	}
	return { input, clearVal }
}
    ```