摘要: 学而时用之,方能融会贯通! 实例:商品列表 实现功能 要求表格组件支持动态数据渲染、自定义表头和主体。标签组件需要双击显示输入框并获得焦点,可以编辑标签信息。 思路 首先是表格组件,动态渲染需要使用组件通信-“父传子”;允许自定义可以使用具名插槽;而对于标签组件,可以使用v-if/else和自定义指 阅读全文
posted @ 2024-04-13 10:43 Fly宇航员 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 来个简单示例练练手吧。 实例:插槽实例 思路 在封装表格组件时,通常使用默认插槽和作用域插槽来处理固定的自定义结构。 代码 根组件(APP.vue) <template> <div> <MyTable :data="list1"> <!-- 使用插槽 --> <!-- 3.通过template #插 阅读全文
posted @ 2024-04-13 10:16 Fly宇航员 阅读(4) 评论(0) 推荐(0) 编辑
摘要: Vue 中的插槽(slot)是一种灵活的机制,用于在父组件中将内容传递到子组件的特定位置。它允许我们在子组件中定义可以在父组件中传递任意内容的“插槽”,从而实现更灵活的组件化。 在Vue中,插槽主要有以下几种类型: 默认插槽(Default Slot): 这是最基础的插槽类型。在子组件模板中使用 < 阅读全文
posted @ 2024-04-13 09:56 Fly宇航员 阅读(6) 评论(0) 推荐(0) 编辑