未古其人

目录

组件间传值

组件之间传值得时候，首先在最开始定义的时候就得有这个变量在。 否则后期不管怎么修改，都不会修改到这个值。

比如在父组件中定义：

<template>
<el-input v-model="dataForm.varName"></el-input>
<child :data-form="dataForm"></child>
</template>
<script>
export default {
    data () {
        return {
            dataForm: {
                varName: '' // 这里必须进行定义，如果不定义，input 里做任何修改，子页面都不会进行联动     
            }
        }
    }
}
</script>

子组件中定义：

<template>
    <div>｛｛dataForm.varName｝｝ </div>
</template>
export default {
    props {
        dataForm: {
            type: Object,
            default: null
        }
    }
}
</script>