全国知名网,百度seo网站优化 网络服务,乐温州网站建设,长沙网上商城网站建设方案由于用的vue2.7版本#xff0c;但用了vue3 setup的语法#xff1b; 注意#xff1a;是vue2的template结构#xff0c;vue3的setup语法#xff1b;非这种情况需要举一反三。 处理方案#xff1a;
1、对router-view加上ref
template修改 直接对router-view加上ref#x… 由于用的vue2.7版本但用了vue3 setup的语法 注意是vue2的template结构vue3的setup语法非这种情况需要举一反三。 处理方案
1、对router-view加上ref
template修改 直接对router-view加上ref router-view refchild /router-viewscript修改 // add方法function add(){// 成功后调用子组件此proxy.$refs.child.refreshList}2、子组件暴漏方法
注意一定要用【defineExpose】暴漏给父级否则父级看不到这个方法 script内
function refreshList() {
}// 暴漏给父组件
defineExpose({refreshList
})其他场景的
3、纯vue2的
应该this.$refs.child.refreshList就成
因为子组件用的是 methods定义的4、纯vue3的
父组件template修改
templaterouter-view v-slot{ Component }component refchild :isComponent //router-view
/template父组件script修改 // add方法function add(){// 成功后调用子组件此proxy.$refs.child.refreshList}子组件script修改 注意一定要用【defineExpose】暴漏给父级否则父级看不到这个方法
function refreshList() {
}
// 暴漏给父组件
defineExpose({refreshList
})
