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

  • 精彩推荐

  • 2021-02-11 15:53:08

    node缓存框架memory-cache

    无论是在 desktop, mobile or web哪一方面，Cache都常被我们用来提升程序性能。当处理web应用程序的时候，虽然可以使用当前所有浏览器都支持的响应头来进行客户端缓存，从而提升页面加载效率。但当一个内容非常繁杂的页面需要2s来进行HTML输出的时候，即使启用客户端缓存该页面，服务器仍然需要针对每一个来访用户进行页面渲染。想想一个大型的新闻门户网站首页，难道他们要针对每一个用户一遍又一遍地处理HTML吗？

  • 2021-02-19 16:46:35

    window安装composer

    Composer 是 PHP 的一个依赖管理工具。它允许你申明项目所依赖的代码库，它会在你的项目中为你安装他们。

  • 2021-02-21 22:52:12

    php去除字符串中的HTML标签

    php自带的函数可以去除/删除字符串中的HTML标签/代码。 strip_tags(string,allow)：函数剥去 HTML、XML 以及 PHP 的标签。 参数：string,必填,规定要检查的字符串；allow,选填,规定允许存在的标签,这些标签不会被删除。

  • 2021-03-02 16:00:30

    git pull时的filename too long的错误

    这是因为git在windowa下的文件名长度最大是260，（git在Linux下最大支持4096长度的文件名），可以通过输入以下命令解决：