草庐IT

slotProps

全部标签

Vue3使用插槽时的父子组件传值

Vue3使用插槽时的父子组件传值用法见官方文档深入组件章节,插槽部分:参考文档:插槽-作用域插槽-插槽prop作用域插槽有时让插槽内容能够访问子组件中才有的数据是很有用的。需求:插槽内容能够访问子组件中才有的数据实现子组件TodoList.vueimport{reactive}from'@vue/reactivity'conststate=reactive({todoList:['Feedacat','Buymilk']})在子组件插槽上定义需要传递的属性,如上代码中的item和index;子组件将子组件中定义的数据通过插槽属性传递给父组件;父组件useSlot.vue{{slotProps.

Vue3使用插槽时的父子组件传值

Vue3使用插槽时的父子组件传值用法见官方文档深入组件章节,插槽部分:参考文档:插槽-作用域插槽-插槽prop作用域插槽有时让插槽内容能够访问子组件中才有的数据是很有用的。需求:插槽内容能够访问子组件中才有的数据实现子组件TodoList.vueimport{reactive}from'@vue/reactivity'conststate=reactive({todoList:['Feedacat','Buymilk']})在子组件插槽上定义需要传递的属性,如上代码中的item和index;子组件将子组件中定义的数据通过插槽属性传递给父组件;父组件useSlot.vue{{slotProps.