vue 中如何获取 slot 中的内容

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2531 天前的主题，其中的信息可能已经有所发展或是发生改变。

<template>
  <div>
    <slot></slot>
  </div>
</template>
<script>
export default {
	//怎么获取 slot 中的内容呢?
}
</script>

4 条回复 • 2018-01-17 16:35:32 +08:00

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#编写可复用组件