vue3组件嵌套太深导致所有页面的input无法输入？

Question

vue3在子组件里嵌套子组件，进入该组件后里面的input和select都无法输入和选择的，这时候点击跳转其他页面时其他的页面input全都失效了无法输入，请问大佬们怎么解决，我看网上很多说给input使用change事件在执行this.$forceUpdate()，试过了没用，连change事件都不会执行

 <el-input v-model="data.val.end_tip" type="text" class="fs14 " @change="change($event)" style="width: 50%;position: relative;">
const state = reactive({
        data:{
            val:{
                end_tip:props.item.val?props.item.val.end_tip:'恭喜您通过',
            },
})
const change= (e) => {//这个change方法根本就不执行

 this.$forceUpdate()
}

点击input框光标都不闪烁，就跟没选中一样