乐趣区

关于前端:VUE组件的封装父组件向子组件传值

1. 调用

import info from './priceDetail.vue'
components: {Treeselect, info},
<info></info>

2. 父组件向子组件传值

v-bind:name=””

eg:

父:

<info v-bind:type="type" v-bind:row="row"></info>
handleClick(row) {console.log(row)
       this.dialogTableVisible = true
       this.row=row// 传递的 row
     },

子:

props: {
      type: {
        type: String,
        required: true,
      },
      row:{
        type:Object,
        required:true
      }
    },
 <el-descriptions title="详细信息" v-if="type =='bw'">
created() {console.log(this.type)
      console.log('row',this.row)
    },

3.note:

子组件承受的父组件的值分为——援用类型和一般类型两种,
一般类型:字符串(String)、数字(Number)、布尔值(Boolean)、空(Null)
援用类型:数组(Array)、对象(Object)

退出移动版