vue 中如何获取 slot 中的内容

2018-01-17 16:23:13 +08:00
 yantianqi
<template>
  <div>
    <slot></slot>
  </div>
</template>
<script>
export default {
	//怎么获取 slot 中的内容呢?
}
</script>
6614 次点击
所在节点    程序员
4 条回复
changlers
2018-01-17 16:25:23 +08:00
changlers
2018-01-17 16:28:34 +08:00
父向子传值用 props,子向父传值用 emit 事件,分别为
```javascript
<parent>
<son :param="param"></son>
</parent>

<parent>
<son @sonEvent="handle"></son>
</parent>
```
vinsony
2018-01-17 16:31:02 +08:00
this.$slots.default
pelloz
2018-01-17 16:35:32 +08:00
你再想想,我猜你不应该直接从父节点获取子节点的内容。
你可以看看 https://cn.vuejs.org/v2/guide/components.html#编写可复用组件

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/423666

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX