在Nuxt中使用nuxt-child组件实现父页面向子页面传值-创新互联

今天就跟大家聊聊有关在Nuxt 中使用nuxt-child组件实现父页面向子页面传值，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联公司主要从事成都网站设计、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务永丰,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

在Nuxt 中使用nuxt-child组件实现父页面向子页面传值

自己案例代码：

pages/parent.vue

<template>
 <div>
 <h3>父组件的页面的内容</h3>
 <ul>
  <!-- 进行切换子页面，写法同vue.js -->
  <li><nuxt-link to='/parent/child'>child</nuxt-link></li>
  <li><nuxt-link to='/parent/child2'>child2</nuxt-link></li>
 </ul>
 <hr>
 <div class="box">
  <p>嵌套子页面内容区</p>
  <!-- <nuxt-child>标签在父页面组件中相当于是子页面组件的占位符；嵌套中这个不可少 -->
  <nuxt-child keep-alive :foobar="123"></nuxt-child>
 </div>
 </div>
</template>
<script>
export default {
 
}
</script>
<style scoped>
.box{
 margin-top: 20px;
 padding: 20px;
 border: 2px solid pink;
 border-radius: 5px;
}
</style>

标题名称：在Nuxt中使用nuxt-child组件实现父页面向子页面传值-创新互联
当前路径：https://www.cdcxhl.com/article24/pogje.html

成都网站建设公司_创新互联，为您提供外贸建站、网站制作、品牌网站建设、小程序开发、商城网站、自适应网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容