首页 / VUE / vue插槽，也就是子页面、父页面相互传值的另一写法

vue插槽，也就是子页面、父页面相互传值的另一写法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue插槽，也就是子页面、父页面相互传值的另一写法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含932字，纯文字阅读大概需要2分钟。

内容图文

父页面:

<template>
<div class="parent">
<p>父组件</p>
<child>
<div slot=‘s1‘>
<p >插槽1</p>
<p >插槽101</p>
</div>

<p slot=‘s2‘>插槽2</p>
<p slot-scope=‘props‘ slot=‘s3‘>
{{props.text}}
</p>
</child>
</div>
</template>

<script>
import child from ‘./child‘
export default{
name:‘parent‘,
data(){
return{

}
},
methods:{

},
components:{
child
}
}
</script>

<style>
</style>

子页面：

<template>
<div class="child">
子组件组件
<slot name=‘s1‘></slot>
<hr />
<slot name=‘s2‘></slot>
<slot>子页面自己玩</slot>
<slot name=‘s3‘ text=‘子页面传父页面‘></slot>
</div>
</template>

<script>
export default{
name:‘child‘,
data(){
return{

}
},
methods:{

}
}
</script>

<style>
</style>

 

原文：https://www.cnblogs.com/qiyc/p/9114143.html

内容总结

以上是互联网集市为您收集整理的vue插槽，也就是子页面、父页面相互传值的另一写法全部内容，希望文章能够帮你解决vue插槽，也就是子页面、父页面相互传值的另一写法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1207638.html

来源：【匿名】