当前位置:网站首页 > Vue.js开发 > 正文

vue3插槽(vue3插槽传递)



 
  
 
  
 
  
 
  
 
  
 
  

 在每个组件标签内,用template包裹需要渲染的html元素,通过  v-slot:指定插槽名  来指定渲染的位置;    (  v-slot:指定的插槽名    等价于      #指定的插槽名  ;即 v-slot:s1   ===   #s1       )

 
  

子组件通过插槽向父组件传递数据; 

 
  

父组件在使用子组件标签内的template标签内通过v-slot="params", params 是子组件标签传递过来的数据列表      { "youxi": [ "英雄联盟", "飞车", "网易云", "腾讯" ], "x": 100 } ,此时父组件可以操作子组件定义的数据;

到此这篇vue3插槽(vue3插槽传递)的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • spss27使用教程(spss22.0使用教程)2026-01-23 10:27:05
  • js数组方法中,哪些不能改变自身数组(js数组方法中,哪些不能改变自身数组,返回值)2026-01-23 10:27:05
  • vue3.0 插槽(vue 插槽详解)2026-01-23 10:27:05
  • map转json字符串再转回map(map转为json字符串)2026-01-23 10:27:05
  • pcie5.0的显卡有哪些(pcie5.0对显卡有提升吗)2026-01-23 10:27:05
  • 多级列表3.1怎么设置(多级列表2.1怎么设置)2026-01-23 10:27:05
  • idea tomcat8.5乱码(idea tomcat乱码怎么解决)2026-01-23 10:27:05
  • Vue钩子函数有哪些(vue8个钩子函数)2026-01-23 10:27:05
  • vue路由守卫导航栏权限配置(vue路由导航守卫应用)2026-01-23 10:27:05
  • 合并数组并去重(合并数组js)2026-01-23 10:27:05
  • 全屏图片