vue获取父组件的数据

最新推荐文章于 2024-04-29 16:59:45 发布

你好龙卷风！！！

最新推荐文章于 2024-04-29 16:59:45 发布

阅读量1k

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/zhaofuqiangmycomm/article/details/128405634

版权

vue 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

父页面：

  <crm-gen-jin-ji-lu-list  :viewList="false" :key="new Date().getTime()" :glOrderIdParam="model.id" :orderType="this.orderType"
                            :clientNameParam="model.clientName"     :clientIdParam="model.clientId"
                                 :clientLxrIdParam="model.clientLxrId" :clientLxrParam="model.clientLxr"
          ref="CrmGenJinJiLuList"
        />

子页面收值

export default {
    props: {
      viewList: {
        type: Boolean,
        default: true
      },
      glOrderIdParam: {
        type: String,
        default: ''
      },
      orderType: {
        type: String,
        default: ''
      },
      clientNameParam: {
        type: String,
        default: ''
      },
      clientIdParam: {
        type: String,
        default: ''
      },
      clientLxrIdParam: {
        type: String,
        default: ''
      },
      clientLxrParam: {
        type: String,
        default: ''
      },


    },



  data () {
      console.log("this.glOrderIdParam"+this.glOrderIdParam);
      return {
        queryParam:{
          glOrderId:this.glOrderIdParam,
        },
        addParam: {
          glOrderId:this.glOrderIdParam,
          clientName:this.clientIdParam,
          clientId:this.clientIdParam,
          lxrId:this.clientLxrIdParam,
          lxrName:this.clientLxrParam,
          orderType:this.orderType,


        },

子页面显示：

 <a-input v-model="addParam.orderType" v-show="false" ></a-input>
          <a-input v-model="addParam.glOrderId" v-show="false" ></a-input>

          <a-input v-model="addParam.clientName" v-show="false" ></a-input>
          <a-input v-model="addParam.clientId" v-show="false" ></a-input>
          <a-input v-model="addParam.lxrId" v-show="false" ></a-input>
          <a-input v-model="addParam.lxrName" v-show="false" ></a-input>