发布时间:2023-11-22 13:30
我是父组件传参
父组件 在子组件标签上使用 v-bind:list="list"
子组件使用props接收 list
然后在setup 里使用 props.list 拿到数据
context.emit("send", 666);
let getInfo = (e) => {
console.log("获取数据", e);
};
setup(props, context) {
const navFnEL = ref();
onMounted(() => {
console.log("fnGetEl", fnGetEl.value);//子组件暴露的数据
console.log("navFn", navFnEL);
});
return {
navFnEL
};
};
},
setup(props, context) {
const list = reactive(props.list);
onMounted(()=>{
console.log("9999999999999")
})
return {
list //父组件通过ref能够访问到的数据
};
},
1,绑定ref时需要这样使用
:ref="(el) => (navFnEL = el)"
对应 const navFnEL = ref(); navFnEL 能够拿到 所有的子组件返回的内容
并且需要return 返回 navFnEL
import { getCurrentInstance} from "vue";
const ctx = getCurrentInstance()
ctx.parent.setupState.getInfo(999999999)
let getInfo = (e) => {
console.log("获取数据", e);
};
父
子
export default {
props: {
showFlag:{
type:Boolean,
default:false
}
},
setup(props, context) {
const toFather = () => {
context.emit("update:showFlag",false)
};
onMounted(()=>{
ctx.parent.setupState.getInfo(999999999)
})
return {
toFather
};
},
};