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试试吧。

  • 精彩推荐

  • 2018-01-08 22:12:20

    加快gradle的编译速度总结-亲身经历

    这两题集成mob的maven，这个编译速度是慢的可怜啊，经过百度得出了这样一个方案，配置好以后那可是神速啊，妈妈再也不用担心我的编译速度看。嗷嗷的。

  • 2018-01-11 09:07:01

    微信小程序的组件用法与传统HTML5标签的区别

    小程序刚开放公测，互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联，甚至小程序就是基于HTML5开发。 经过仔细研究文档和代码开发，从视图层的角度来说，小程序与传统HTML5还是有明显的区别，主要区别在于：