vue tab 点击请求方法

页面：

 <Tabs value="name1"  style="width: 100%;height: 900px;" @on-click="getinfo1">
                <Tab-Pane label="一般情况" name="name1">
                    #parse("report/EventReportInfo.html")
                </Tab-Pane>
                <Tab-Pane label="事件类别" name="name2">
                    #parse("report/EventReportCategory.html")
                </Tab-Pane>
                <Tab-Pane  v-if="info.adverseType!=14"  label="事件详情" name="name3">
                    #parse("report/EventReportDetail.html")
                </Tab-Pane>
                <Tab-Pane   label="事件发生时患者生命体征" name="name4">
                    #parse("report/EventReportVital.html")
                </Tab-Pane>
                <Tab-Pane label="患者情况" name="name5">
                    #parse("report/EventReportPatient.html")
                </Tab-Pane>
                <Tab-Pane  label="现场情况" name="name6">
                    #parse("report/EventReportScene.html")
                </Tab-Pane>

                <Tab-Pane label="当事人情况" name="name7">
                    #parse("report/EventReportLitigant.html")
                </Tab-Pane>
                <Tab-Pane  label="级别损害" name="name8">
                    #parse("report/EventReportLevel.html")
                </Tab-Pane>
                <Tab-Pane label="其他信息" name="name9">
                    #parse("report/EventReportOther.html")
                </Tab-Pane>
                <Tab-Pane  label="报告者信息" name="name10">
                    #parse("report/EventReportReport.html")
                </Tab-Pane>
                <Tab-Pane  v-if="info.adverseType==04||info.adverseType==06" label="药品信息" name="name11">
                    #parse("report/EventReportDrug.html")
                </Tab-Pane>
                <Tab-Pane  v-if="info.adverseType==05||info.adverseType==04||info.adverseType==06" label="生理反应" name="name12">
                    #parse("report/EventReportPhysiology.html")
                </Tab-Pane>
                <Tab-Pane  v-if="info.adverseType==06" label="既往重要信息" name="name13">
                    #parse("report/EventReportImportant.html")
                </Tab-Pane>
                <Tab-Pane v-if="info.adverseType==06" label="药师评价与分析" name="name20">
                    #parse("report/EventReportApothecary.html")
                </Tab-Pane>
                <Tab-Pane v-if="info.adverseType==06" label="医师评价与分析" name="name21">
                    #parse("report/EventReportPhysician.html")
                </Tab-Pane>
                <Tab-Pane  v-if="info.adverseType==07" label="护理事件" name="name14">
                    #parse("report/EventReportNurse.html")
                </Tab-Pane>
                <Tab-Pane  v-if="info.adverseType==08" label="标本采集" name="name15">
                    #parse("report/EventReportSpecimen.html")
                </Tab-Pane>
                <Tab-Pane  v-if="info.adverseType==09" label="功能检查" name="name16">
                    #parse("report/EventReportFunction.html")
                </Tab-Pane>
                <Tab-Pane  v-if="info.adverseType==10" label="医学影像" name="name17">
                    #parse("report/EventReportEffect.html")
                </Tab-Pane>
                <Tab-Pane  v-if="info.adverseType==11" label="放射安全" name="name18">
                    #parse("report/EventReportRadiation.html")
                </Tab-Pane>
                <Tab-Pane  v-if="info.adverseType==13" label="医疗器械事件" name="name19">
                    #parse("report/EventReportApparatus.html")
                </Tab-Pane>
            </Tabs>

js方法：

 //点击查询
        getinfo1:function(name){
            if(vm.info.id!=null){
                var id = vm.info.id;
                var adverseType = vm.info.adverseType;
                if(name =='name1'){
                    Ajax.request({
                        url: "../adverse/adverseinfo/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.adverseInfo;
                        }
                    });
                }else if(name=='name2'){
                    Ajax.request({
                        url: "../adverse/adversecategory/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.adverseCategory;
                            vm.info.adverseType = adverseType;
                        }
                    });

                }else if(name=='name3'){
                    Ajax.request({
                        url: "../adverse/detail/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.detail;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name4'){
                    Ajax.request({
                        url: "../adverse/vital/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.vital;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name5'){
                    Ajax.request({
                        url: "../adverse/patient/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.patient;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name6'){
                    Ajax.request({
                        url: "../adverse/scene/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.scene;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name7'){
                    Ajax.request({
                        url: "../adverse/litigant/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.litigant;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name8'){
                    Ajax.request({
                        url: "../adverse/level/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.level;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name9'){
                    Ajax.request({
                        url: "../adverse/other/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.other;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name10'){
                    Ajax.request({
                        url: "../adverse/report/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.report;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name11'){
                    Ajax.request({
                        url: "../adverse/drugs/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.drugs;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name12'){
                    Ajax.request({
                        url: "../adverse/physiology/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.physiology;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name13'){
                    Ajax.request({
                        url: "../adverse/important/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.important;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name14'||name=='name15'||name=='name16'||name=='name17'||name=='name18'){
                    Ajax.request({
                        url: "../adverse/nurse/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.nurse;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name19'){
                    Ajax.request({
                        url: "../adverse/apparatus/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.apparatus;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name20'){
                    Ajax.request({
                        url: "../adverse/apothecary/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.apothecary;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }else if(name=='name21'){
                    Ajax.request({
                        url: "../adverse/physician/info/"+id,
                        async: true,
                        successCallback: function (r) {
                            vm.info = r.physician;
                            vm.info.adverseType = adverseType;
                        }
                    });
                }
            }
        },

转载于:https://www.cnblogs.com/NCL--/p/9686297.html