vue插槽怎么传值(vue slot插槽传值)

vue插槽怎么传值(vue slot插槽传值)lt template gt lt div id app gt lt son com gt span style color rgba 255 0 0 1 lt 必须用 template 标签包裹 val 为自定义的属性值 span

大家好,我是讯享网,很高兴认识大家。



<template> <div id=app> 
讯享网&lt;son-com&gt; <span style="color: rgba(255, 0, 0, 1)">&lt;!-- 必须用template标签包裹,val为自定义的属性值,接收到的是一个对象 --&gt;</span> <strong>&lt;template <span style="color: rgba(255, 0, 0, 1)">scope="val"</span>&gt;</strong> <span style="color: rgba(255, 0, 0, 1)"> &lt;!--msg为子组件的自定义属性 --&gt;</span> &lt;div&gt;<strong>{{val.msg}}</strong>&lt;/div&gt; <span style="color: rgba(255, 0, 0, 1)">&lt;!--将son-com组件当标签使用,必须都写在template中,否则,不会显示 --&gt;</span> &lt;div <span style="color: rgba(0, 0, 255, 1)">class</span>=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">con</span><span style="color: rgba(128, 0, 0, 1)">"</span>&gt;<span style="color: rgba(0, 0, 0, 1)"> 这是我用slot插槽显示的值 </span>&lt;/div&gt; <strong> &lt;/template&gt;</strong> &lt;/son-com&gt; 
&lt;/div&gt; &lt;/template&gt;
讯享网
&lt;script&gt; import son from https://www.cnblogs.com/SRH/components/son; export default { components: {
</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">son-com</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">: son 
}, data () {
讯享网</span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> { } 
} } &lt;/script&gt; &lt;style&gt; &lt;/style&gt;

讯享网

小讯
上一篇 2025-04-29 21:07
下一篇 2025-05-05 21:22

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/203086.html