vue slot 这是哪种用法
如题.
1.默认插槽
2.具名插槽
3.作用域插槽
下面是哪种用法?
1.editCard组件:(el-dialog
组件里貌似没有声明插槽levelCode
)
<configMyself :config="config">
<div slot="levelCode"> // 插槽
<el-tooltip effect="dark" :disabled="true" :content="addrName" placement="top">
<el-input />
</el-tooltip>
</div>
</configMyself>
config配置:
data() {
config: [
{ type: 'custom', key: 'levelCode', slot: 'levelCode', props: { label: '名称', required: true, validator: { text: '不能为空', reg: 'required' }, data: { options: [] }}}
]
}
2.dialog引用:
<el-dialog>
<editCard
v-if="add"
:key="Key"
:params="Params"
@change="change"
/>
</el-dialog>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这属于“没有插槽”。
你只声明了有插槽,但是没有用。
补充:前面看错了。
举个栗子吧。子组件通过
<slot />
声明了 2 个插槽,有name
属性的就是具名插槽,没有的就是默认插槽。父组件通过v-slot:
指定具名插槽的名字,不知道的就是默认插槽。注意v-slot:content
等价于slot="content"
,后者是废弃的旧语法。