vue-modal icon indicating copy to clipboard operation
vue-modal copied to clipboard

这个三个是干什么用的,怎么用呢

Open ghylc opened this issue 7 years ago • 4 comments

slotA、slotB、slotC

ghylc avatar Jun 05 '17 08:06 ghylc

当 modal 正文的内容需要通过 slot 传入组件时可以这么用。比如:

<v-modal ref="modal">
    <div slot="slotA">...</div>
    <div slot="slotB">...</div>
    <div slot="slotC">...</div>
</v-modal>

然后指定展示哪一个 slot 节点:

this.alert({slot: 'slotA'});

这块没有写在 Readme 中,可能不常用吧,后面我会加上

mengchen129 avatar Jun 07 '17 09:06 mengchen129

已经将demo加到了源码和示例中

mengchen129 avatar Jun 07 '17 10:06 mengchen129

如果我需要在子组件中定义Modal的复杂内容,怎么处理

halower avatar Aug 21 '17 03:08 halower

@halower 如果需要定义的内容不算复杂可以放到根组件的中,如果比较复杂,可以在组件中也创建一个组件并添加slot内容,然后通过触发子组件的modalAlert等方法来使用。这个方法比较麻烦,如果你有好的建议也可以提出。感谢你的提问!

mengchen129 avatar Aug 21 '17 04:08 mengchen129