67 lines
1.4 KiB
Vue
67 lines
1.4 KiB
Vue
|
|
|||
|
|
<!-- component标签可以变换组件 -->
|
|||
|
|
<template>
|
|||
|
|
<component :is="compUrl" :formData="formData" :history="history" :activeKey="activeKey" v-if="compUrl" @getStampSuc="getStampSuccess"></component>
|
|||
|
|
</template>
|
|||
|
|
<script setup lang="ts">
|
|||
|
|
import { ref, reactive, onMounted,computed, watch, nextTick } from 'vue';
|
|||
|
|
const compName = ref('');
|
|||
|
|
const compUrl = ref(null);
|
|||
|
|
|
|||
|
|
defineOptions({
|
|||
|
|
name: 'DynamicLink',
|
|||
|
|
options: {
|
|||
|
|
styleIsolation: 'shared',
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
const props = defineProps({
|
|||
|
|
path: {
|
|||
|
|
type: String,
|
|||
|
|
default: ""
|
|||
|
|
},
|
|||
|
|
history: {
|
|||
|
|
type: String,
|
|||
|
|
default: ""
|
|||
|
|
},
|
|||
|
|
activeKey: {
|
|||
|
|
type: String,
|
|||
|
|
default: ""
|
|||
|
|
},
|
|||
|
|
formData: {
|
|||
|
|
type: Object,
|
|||
|
|
default: () => {},
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
// 监听 option 变化
|
|||
|
|
watch(() => props.path, (newVal) => {
|
|||
|
|
console.log(newVal)
|
|||
|
|
// if(newVal) compName.value = newVal;
|
|||
|
|
if(newVal) compName.value = 'pages-process/test';
|
|||
|
|
compUrl.value = defineAsyncComponent(() => import(`@/${compName.value}.vue`));
|
|||
|
|
}, {
|
|||
|
|
deep: true,
|
|||
|
|
// #ifdef MP-WEIXIN
|
|||
|
|
immediate: true
|
|||
|
|
// #endif
|
|||
|
|
});
|
|||
|
|
const comp = reactive({
|
|||
|
|
component:compUrl.value
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
const getStampSuccess=(val)=>{
|
|||
|
|
// this.$emit('getStampSuc', val)
|
|||
|
|
// //在<component>标签动态组件使用vuex，没有保存成功。
|
|||
|
|
// //所以先传出来再试一下
|
|||
|
|
// this.$store.commit("cache/setEsignTags", {
|
|||
|
|
// esignTag: val
|
|||
|
|
// });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
|
|||
|
|
</style>
|