学校排行榜

(0)

投一票

Vue3中作用域插槽的高级用法 官网

作用域插槽可结合v-for等指令使用,实现更复杂的功能。 !-- 子组件 --template #default="{ items }" ul li v-for="item in items" :key="item.id"{ { item.name } }/li /ul/template!-- 父组件 --ChildComponent template #default="{ items }" ul li v-for="item in items" :key="item.id"自定义显示: { { item.name } }/li /ul /template/ChildComponent// 运行结果:页面显示子组件传递数据的自定义列表 使用v-for时要保证key的唯一性,避免出现渲染问题。
专业
评论
新闻
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。