vue 中如何获取 slot 中的内容

2020-03-03 09:49:29

有时候我们需要获取slot中的内容，这样我们能做一些逻辑类的东西

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


我们可以使用  this.$slots.default


当然这是默认的，我们只要把default改成我们想要的slot名称，console下this.$slot.default试试吧。

  • 精彩推荐

  • 2017-02-09 09:02:26

    两列布局——左侧宽度固定，右侧宽度自适应的两种方法

    　关于左侧宽度固定，右侧宽度自适应两列布局的一种很常用的方法我相信大家都知道。就是利用左侧元素浮动，或者绝对定位的方式使其脱离常规文档流，让两个块级元素能够在同一行显示。然后右侧元素 margin-left 的值等于左侧元素宽度，这时右侧元素将紧挨着左侧元素