问题记录:
在当前页(路由A)表格中,有两种方式可以跳转到交互式shell页面。
-
方式一:直接点击列表操作按钮,跳转到新页面(路由B)
-
方式二:点击任意行,先跳转详情页(路由C),再通过切换标签页打开交互式shell子页面。
测试发现,通过第一种方式打开交互式shell页面时,执行命令会重复显示。
问题排查:
- term.vue 组件
- detail.vue 组件
问题总结:
- 问题原因主要是开发过程中,忽略了新窗口跳转时未对 props 进行处理,导致默认值未及时更新。
- 如果按照方式一,需要根据打开交互式shell 跳转前的页面,补充 props 参数里面需要的值(isWindows、isSolaris),让公共term.vue组件根据 props 正确地处理输入命令。