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>

  • 相关阅读:
    mass Framework ajax模块
    Response.Write详细介绍
    关于C++ const 的全面总结
    C#操作XML小结
    502 bad gateway是什么意思
    C# DataTable的詳細用法
    搭建Android开发环境之旅(Android4.0.3)
    关于java的JIT知识
    未将对象引用设置到对象的实例可能出现的问题总结
    Spring MVC 3 深入总结
  • 原文地址:https://www.cnblogs.com/color123456/p/14185353.html
Copyright © 2011-2022 走看看