<template> <dialogBox title="查询权利信息" width="85%" :isButton="false" @closeDialog="closeDialog" v-model="myValue"> <component :is="editItem" @closeDialog="closeDialog" :bsmSqyw="bsmSqyw" :djqxObj='djqxObj' :djywbm="djywbm" /> </dialogBox> </template> <script> import { queueDjywmc } from './slectBdcdata.js'; export default { props: { value: { type: Boolean, default: true }, bsmSqyw: { type: String, default: '' }, djywbm: { type: String, default: '' }, djqxObj: { type: Object, default: '' } }, data () { return { editItem: '', myValue: this.value, }; }, watch: { value (val) { this.myValue = val }, djywbm (val) { let dd = queueDjywmc(val); this.editItem = this.loadView(dd); }, }, methods: { loadView (view) { console.log(view); return r => require.ensure([], () => r(require(`./components/${view}.vue`))) }, closeDialog () { this.$emit("input", false); } } }; </script> <style scoped lang="scss"> @import "~@/styles/mixin.scss"; @import "~@/styles/public.scss"; /deep/.submit_button { text-align: center; padding: 10px; margin: 10px; } </style>