aiyingsitan-vue3-copy
v1.0.3
Published
aiyingsitan-vue3-copy 是一个基于 vue3 实现的复制工具
Downloads
18
Maintainers
Readme
aiyingsitan-vue3-copy 是一个基于 vue3 实现的复制工具
# 安装
npm i aiyingsitan-vue3-copy
# 引入
import AiyingsitanVue3Copy from 'aiyingsitan-vue3-copy'
import 'aiyingsitan-vue3-copy/lib/style.css'
const app = createApp(App)
app.use(AiyingsitanVue3Copy)
# 使用
<AiyingsitanVue3Copy></AiyingsitanVue3Copy>
插槽
- default:默认插槽(内容较少时使用,使用时可省略 <template #default>)
- content:内容插槽(内容较多时使用,可使用标签)
# 示例
# 默认插槽
<AiyingsitanVue3Copy>
<template #default>
text
</template>
</AiyingsitanVue3Copy>
# 同
<AiyingsitanVue3Copy>
text
</AiyingsitanVue3Copy>
# 内容插槽
<AiyingsitanVue3Copy>
<template #content>
<div>content</div>
<div>content</div>
<div>content</div>
</template>
</AiyingsitanVue3Copy>
复制规则
- 存在默认插槽则复制默认插槽里的内容
- 只在没有默认插槽时才复制内容插槽里的内容