zoukankan      html  css  js  c++  java
  • uniapp父子组件之间传值

    父组件

    <template>
      <view class="parent-comm">
        <itemcomm :msg="list"></itemcomm> //子组件   :msg="list" 这个是传值给子组件,msg字段可自己取名,但子组件上必须和父组件上的统一。
      </view>
    </template>

    <script>
      import itemcomm from './test0301.vue' //子组件
      export default {
        data() {
          return {
            list: {
              "a": 100,
              "b": 200,
              "c": 300
            }
          }
        },
        components: {
          itemcomm //子组件
        },
        methods: {

        }
      }
    </script>

    <style>
    </style>

    子组件

    <template>
      <view class="node-comm">
        <text>{{msg.a}}</text>//显示父组件传过来的值
        <text>{{msg.b}}</text>//显示父组件传过来的值
        <text>{{msg.c}}</text>//显示父组件传过来的值
      </view>
    </template>

    <script>
      export default{
        props:{
          msg:{  //接收父组件传过来的值
            type:Object,
            default:{}
          }
        }  
      }
    </script>

    <style>
    </style>

  • 相关阅读:
    热烈祝贺自己的博客进入前1000名
    烈日之后逛成都
    懂得爱情
    腾飞天涯
    哈佛教授教你成为No.1的秘诀
    烈日炎炎
    有缘无份——因为伤感所以美丽
    时间管理
    亲爱的陌生人(转)
    走好激励第一步
  • 原文地址:https://www.cnblogs.com/color123456/p/14185353.html
Copyright © 2011-2022 走看看