父组件向子组件传递数据,子组件展示并更新 element-ui

<el-select v-model="currentAuditProcess" placeholder="请选择"
    @click.native="clickSearchAuditProcessList">
    <el-option v-for="item in auditProcesses"
     :key="item.id" :label="item.name" :value="item.id"></el-option>
 </el-select>

export default Vue.extend({
    props:{
        engineFormData: {}
    },
    data(){
        currentAuditProcess: null,
        auditProcesses: [],
    }

    watch:{
        engineFormData: function (newValue, oldValue) {
                if (newValue){
                    this.auditProcesses = [];
                    this.auditProcesses.push(newValue.audit_process);
                    this.currentAuditProcess =newValue.audit_process.id;

                }
        }
    },
    methods:{
        clickSearchAuditProcessList(){
            this.searchRemoteAuditProcesses();
        },

        async searchRemoteAuditProcesses() {
            const result = (await this.$apollo.query({
                query: AuditProcessList,
                variables: { application: this.application }
            })).data.auditProcessList;
            this.auditProcesses = result.auditProcessList;
        },
    }

})
原文地址:https://www.cnblogs.com/jijizhazha/p/12409163.html