如何解决如何在 Vue.js 中将实例化的 Vue 组件作为道具传递?
我想将一个实例化的 Vue 组件作为 prop 传递给另一个组件,然后渲染它,如下所示:
<Button :icon=<IconComponent size="25" /> :link="http://wikipedia.org">Click here to visit Wikipedia</Button>
这至少是我在 React 中的做法。我怎样才能用 Vue 达到同样的效果?
解决方法
您需要在子组件中使用命名插槽:
quarkus-oidc
在父组件中:
<template>
<button>
<slot name="icon"></slot>
<slot></slot>
</button>
</template>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。