网站开发的分工,连山网站建设,平度市城市建设局网站,专业网站建设出售(Ant X6)子组件里的流程图画布无法显示 问题背景#xff1a;侧导航页面都是子组件,建模页面的画布无法显示 解决前#xff1a; 解决后#xff1a; 解决思路#xff1a;点击建模菜单时再次加载对应组件 在 Vue 中#xff0c;每个组件都有一个唯一的 key 属性。当组件的 ke…(Ant X6)子组件里的流程图画布无法显示 问题背景侧导航页面都是子组件,建模页面的画布无法显示 解决前 解决后 解决思路点击建模菜单时再次加载对应组件 在 Vue 中每个组件都有一个唯一的 key 属性。当组件的 key 属性发生改变时Vue 会视为这是一个新的组件而不是复用之前的组件。这样就会触发组件的重新渲染从而实现页面的刷新。 el-tabs v-modelactiveName typeborder-card tab-positionleftel-tab-pane label基础信息 namefirst :disabledtrue /...el-tab-pane label..建模 nameseventhProcessModeling refjianmo :keyrefreshKey //el-tab-pane...
/el-tabsscript
...
import ProcessModeling from ./ProcessModeling; //流程图组件
export default {name: BasicInformation,components: { ...ProcessModeling, },data() {return {activeName: second,//默认页面refreshKey: 0,//组件默认的key};},//监听点击菜单watch: {activeName: {deep: true,immediate: true,handler(val) {//重点if (val seventh) {this.refreshKey;//组件的key改变会重新加载组件}},},},mounted() {},methods: {},
};
/script
