1024问

vue学习之slot插槽

Glory ·
更新时间:2024-11-10
· 965 次阅读

常用于组件调用中
(1)在components文件中创建slot.vue组件

插槽测试

我是最底部

(2)在demo中调用组件

slot插槽
----------------------------
123
456
789
//slot比较特殊，所以导入的时候不能直接写slot import slots from "@/components/slot" export default{ data(){ return{ } }, components:{ slots } }

运行结果：
在这里插入图片描述


作者：百香果果@



VUE slot

1024 个赞
编辑 举报
需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章
CentOS6.5环境安装nginx服务器及负载均衡配置操作详解
Rochelle 2020-11-23
868
layui table单元格事件修改值的方法
Claire 2021-05-21
718
vue3集成Element-Plus之全局导入和按需导入
Judy 2023-07-20
1437
vue3+elementui-plus实现一个接口上传多个文件功能
Rabia 2023-07-20
1175
解决Vue2 axios发请求报400错误Error: Request failed with status code 400
Chynna 2023-07-20
843
Vue报错:Injection xxxx not found的解决办法
Brigitte 2023-07-20
1320
vue3使用base64加密的两种方法举例
Abbie 2023-07-20
531
Vue中router-view无法显示的解决办法
Yvonne 2023-07-20
319
Vue3中使用this的详细教程
Rasine 2023-07-20
124
vue3 Error:Unknown variable dynamic import: ../views/的解决方案
Xenia 2023-07-20
1653
Vue和SpringBoot之间传递时间的方法实现
Tina 2023-07-20
151
vue2+elementUI实现下拉树形多选框效果实例
Kande 2023-07-20
1135
Vue路由跳转传参或打开新页面跳转的方法总结
Flower 2023-07-20
5
Vue精美简洁登录页完整代码实例
Heather 2023-07-20
890
vue3使用百度地图超详细图文教程
Tertia 2023-07-20
1807
vue限制输入数字或者保留两位小数实现
Fredrica 2023-07-20
50
vue3实现多层级列表的项目实践
Katherine 2023-07-20
221
Vue3实现简约型侧边栏的示例代码
Genet 2023-07-20
829
Vue预览图片和视频的几种实现方式
Orianna 2023-07-20
1538
vue3组件TS类型声明实例代码
Ora 2023-07-20
657