文章 2023-08-28 来自:开发者社区

vue 插槽的作用,用插槽slot-scope获取表格中的数据

这里我用了elementui的表格组件去做表格,如图我在编辑和删除的组件用template去包裹,然后在这个标签去写上slot-scope="scope"然后在需要点击的按钮去添加一个@click事件,在方法中去写上两个参数,第一个参数是当前点击按钮获取的表格在第几行的id,第二个参数是获取表格中当前行的全部参数如图:当我点击表格的第一行时我们看看打印出来的数据现在我们是拿到了当前行的全部数据,....

vue 插槽的作用,用插槽slot-scope获取表格中的数据
文章 2023-08-08 来自:开发者社区

一篇文章带你了解vue 中插槽的作用

插槽的使用:可以把插槽理解为组件B中留下的一个坑,谁用这个坑谁就可以往里面填放东西,同时呢,谁也就要认组件B做儿子-----组件B也就成了这个来填坑的组件的子组件。插槽不单单是可以让父组件用它填充东西,也可以引用子组件的数据,而父组件用坑的时候也就可以用子组件传过来的数据。单个插槽(默认插槽、匿名插槽)子组件:(child.vue)<template> <div>...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注