叽叽喳喳,嘻嘻哈哈

导航

父组件向子组件传递数据,子组件展示并更新 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;
        },
    }

})

posted on 2020-03-04 14:04  叽叽喳喳,嘻嘻哈哈  阅读(455)  评论(0编辑  收藏  举报