vue3获取组件插槽数据?-灵析社区

庆广大

在调用这个组件的地方![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/a99e0eb135832f7a1be34030bacf9306.png) 接收childer组件作为插槽,在parent中![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/24b52fc2e3cced4cab88157bfe547c21.png) 获取不到默认插槽的属性b,不知道为什么![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/095c669438939500949748da838f07d6.png)

阅读量:256

点赞量:13

问AI
传给slots的参数除了name都会变成props,因此直接传ref行不通,可以在外层再手动把ref传给放在插槽的组件 // Comp import {ref, onMounted} from 'vue' const slotRef = ref() onMounted(()=>{ // 拿到slot console.log(slotRef.value) }) function add() { slotRef.value.add() } "demo" (https://link.segmentfault.com/?enc=g5rfnoYU%2FuVeCr65l2xQ7g%3D%3D.JAIqiO5n7%2Fh9N%2FosyG5nM7X0jshxrxg%2Bi5gNSZ6%2Fe%2Fg7PaPQIsLO%2Fnwt%2B5EoDiaamFZvYEpSAFnjvjukinZ0DgsCV3V7XWllD8BAM8RDXvGzgg2sUThsLMfVerC4sdhOD%2B1MijLrLp7o%2F%2BFyon7OupQ9Bo3vwKYp5bzxpxL%2BGzALf3CuF4NkwgWg3m3nOhyRTR5eS3ycQ%2BmafnN2s9%2Bydi5AVMj4fT7RwUxBBptWowmp5zl5ZEOFtdzs8SQczbKf9NfDCPZmo%2FpV58a%2BrPLCfQCC3VTLZ7WsFv5bL0xGQ867rxuUP4sVHQYCsHRCvYXu9fcV8DQ2a0swBUB0inUFbpt4dQCyepoyTQVY03J0lMl0hMXMzGuzYvrd8kZ9MDKj2FTfQ4wa73HfhWObnCe4o133OY7DXdit5TatT9TOiJpH%2FMNXcfddeFuzEo6DbmiyBhZ2KOGbBadMN0p9Q1aiTS9SAzmzzxJb8DR7jRc9SRCsQjGAwmt1YvsbXP%2BIBb2%2FhmI5tUyK9SdtMO7PB9BSNanOSQL5IGe%2BzAx%2Bsaz7WYKgnkPOArOQ%2BHJ9jc94CBeNlQ0UjKBHiQodViFt3aED%2Ft5IkeU535bgqGmSh9ik0zlkIUT3FecFRV8ETM%2BezFcGcZbx6p80FUYAmpHEwIkvwROb35%2FNxI8g8IZVAbu5tSvoMgZ0mgofbyD%2F7BLiA%2BXQrbRGPnCUWh8w4Gj92RiP4j3C6lVrCsjRlVR4PyzHM3aXAUZWzK4guDhGu1eCFZJ9PUcBMT3oNfG%2BbuwE%2F%2F5Ck%2B3NaO7IEIANZnJx4WwTGMx8xnYx5UX7vrvSeCf3SpMAHZMuUrJyECh9YixmwMNFcyBm3DrUbzrs%2FoGVkF8ArMWLymy63MIrIEev3TxfQbNCcFqXq50pjpI5R4xzBsTcW2COlpA%2B1SoEQ7Txtr44hyJ3OOq1G2pXNCYRnOTpTvRXckEvssYrMR6XX2ZqcR2YI4bD72LBa95avRmN7u5FhB%2BUTQGnk72riRkIN3Z9d210v3Ze15KNZZMrQV1GzYDxqsV%2BfaPI%2FXdISWfO0CXcQhgOhxA11d1t3ng7nuEOzpMkcneJZs7WBTEkf2EYh439zQ%3D%3D)