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

  • 精彩推荐

  • 2019-11-29 13:54:07

    粗略计算多边形中心点（并不是很准确，但简单好用）

    也是再做栅栏系统，搜索如何获取多边形中心点的问题上，发现了这个，简单易于理解，但是并不是特变准确，但也不影响使用。 后来发现了新的算法，并且百度地图也提供相应的api。 具体内容我写在了前面的文章，大家可以找一下。

  • 2019-11-29 14:20:38

    vue,vuthis.$parent算法

    由于组件嵌套，其实vue parent的位置也改变了，我们可以通过下面的图片，来看一下，parent到底什么哪一层

  • 2019-11-29 14:23:24

    百度地图 多个标记点设置最佳视角

    通过下面的语法，我们可以为不规则图形，以及过大的图形进行地图适配，更好的展示我们画的图形，当然，如果展示所有的图形，我们可以暴力的把所有的点组合起来进行展示，点过多不知道会不会影响性能，不过我们也可以从后台精简点数，不过地球是圆的，不知道好不好做。

  • 2019-12-01 08:00:16

    PHP中的HTTP_HOST和SERVER_NAME有什么区别

    多域名指向同一个php服务器，用nginx做代理，获取SERVER_NAME都是第一个域名，这就尴尬了，至今不明白咋回事，最后用HTTP_HOST解决都，这个暂时倒是准确。

  • 2019-12-01 08:04:30

    laravel多路由配置，也可以做根据域名都动态路由

    在用laravel 框架开发大型应用的时候，由于 laravel 默认是只有一个路由文件，如果把项目所有模块的路由放在一个路由文件下，那么该路由文件就显得很臃肿，以至于后期难以维护，解决方案是根据不同模块配置不同路由文件。