今天做项目过程中,我一个需求是在含有标题和内容的输入框内,可设定标题或内容的字体粗细。插入自定义标题和内容需要用插槽 <slot />
即可轻松实现,但是我又需要单独给我的标题内容文字加粗该怎么办?
用具名插槽<slot name="xxx" />
即可
- 首先到需要插到插槽里的内容处,改用
<template v-slot:xxx></template>
包裹
(代码中的<Dialog />
为需要插进内容的组件) 如下图所示(外部组件):
- 然后在需要插进内容的组件里,写上具名插槽
<slot name="xxx" />
,如下图所示:
- 完成