VUE插槽/插槽传参

news/2024/11/8 0:08:00/
父组件
<template><Son> <template slot-scope="scope"> //scope 所有数据{{scope.data}}   //'传传传传传'</template><template slot="slots" slot-scope="scope"> //具名插槽{{scope.msg}}   //'参参参参参'</template></Son>
</template><script>
import Son from '@/components/Son'
export default {componens:{Son}
}
</script>  子组件
<template><div><slot :data="data"></slot>  //自定义变量<slot name="solts" :msg="abc"></slot>  //具名插槽</div>
</template><script>
export default {name:'Meldes',data(){return{data:'传传传传传'abc:'参参参参参'}},
}
</script>


http://www.ppmy.cn/news/731965.html

相关文章

手机丢了不可怕,手机卡丢了才最可怕!

最近葫芦弟身边几个小伙伴手机丢了&#xff0c;有的还是新手机呢&#xff0c;捂在手里还没热乎呢&#xff0c;个个是心疼的不行不行的&#xff01; 葫芦弟听说后其实想对他们说&#xff0c;手机丢了心疼手机&#xff0c;还有担心自己的个人资料信息会被泄露这些还都是次要的。 …

vue slot插槽传值,插槽嵌套传值报错Converting circular structure to JSON解决

插槽之间传值用到了slot-scope&#xff08;作用域插槽&#xff09; 子组件<slot name"menuBtn" :data"{name:zj}"></slot> 父组件 <div slot"menuBtn" slot-scope"scope"><span>{{scope.data.name}}</s…

张量Tucker分解

Tucker分解是一种高阶的主成分分析&#xff0c;它将一个张量表示成一个核心&#xff08;core&#xff09;张量沿每一个mode乘上一个矩阵。HOSVD分解又称作Tucker分解。由Tucker在1936年提出。HOSVD全名为high order SVD&#xff0c;即高阶的SVD。所以我们要先了解一下SVD原理&a…

vue插槽传值(多个插槽和单个插槽)

多个插槽&#xff1a; 子组件&#xff1a; <template><div><slot></slot><slot name"secondslot" :text"postText" text2"哈哈哈哈哈2"></slot></div> </template> 使用&#xff1a; <r…

sd卡受损怎么修复?这个技巧一定要看

sd卡受损怎么修复&#xff1f;sd卡是一种常用的存储设备&#xff0c;但随着使用时间的推移&#xff0c;难免会遇到sd卡损坏的情况&#xff0c;从而造成数据丢失&#xff0c;今天就给大家分享下恢复损坏sd卡数据的方法&#xff0c;一起来了解下。 首先我们利用读卡器将sd卡连接到…

【Vue】 插槽

目录 1 插槽1.1 默认插槽1.2 插槽设置默认内容1.3 具名插槽1.4 具名与默认插槽同时使用1.5 动态插槽名1.6 作用域插槽1.6.1 默认作用域插槽1.6.2 具名作用域插槽1.6.3 具名与默认 作用域插槽同时使用 1 插槽 子组件写插槽位置 父组件写内容放入插槽 插槽内容无法访问子组件的…

vue2---插槽

目录 2 插槽 2.1 概念的基本使用 2.1.1 概念 2.2.2 插槽的基本使用 2.2.3 具名插槽&#xff08;带有name的插槽&#xff09; 2 插槽 2.1 概念的基本使用 2.1.1 概念 插槽&#xff08;Slot)是vue为组件的封装者提供的能力。允许开发者在封装组件时&#xff0c;把不确定的…

vue2 ---- 插槽

什么是插槽 子组件提供给父组件的占位符&#xff0c;用 slot 元素来表示&#xff0c; 父组件可以在这个占位符里面填充各种模板代码。 1. 匿名插槽&#xff1a; 父组件引入子组件&#xff0c;在子组件内留 标签&#xff0c; 就可以在父组件中的子组件标签中写入内容。 例…