vue3 props传入的组件无法正常刷新
·
问题描述:
- vue3
- 写入的数据无法正常修改和响应,但是从子组件获取正常
- 使用props父子传值
解决方案
- 在setup导出的时候,直接导入props,而不是导入props.变量
错误用法:
props: [var1]
let var1 = "张三"
setup() {
return {
var1
}
}
正确用法:
props: [var1]
setup() {
return {
props
}
}
问题原因
- vue3建议是数据单向流动,所以当父传子,然后让子进行数据修改的时候发现无法修改,这是正常的
当ref数据传递到子的时候,就会直接被取值失去响应式能力 - 可以向子中传入reactive对象,即可破坏掉父子传值单向流动限制,但是不推荐
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)