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

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框光标都不闪烁,就跟没选中一样

以上是 vue3组件嵌套太深导致所有页面的input无法输入? 的全部内容, 来源链接: utcz.com/p/934684.html

回到顶部