xterm 使用记录--交互式shell打开方式不同,命令行重复

问题记录:

在当前页(路由A)表格中,有两种方式可以跳转到交互式shell页面。

  • 方式一:直接点击列表操作按钮,跳转到新页面(路由B)

  • 方式二:点击任意行,先跳转详情页(路由C),再通过切换标签页打开交互式shell子页面。

测试发现,通过第一种方式打开交互式shell页面时,执行命令会重复显示。

问题排查:

  1. term.vue 组件
  2. detail.vue 组件

问题总结:

  • 问题原因主要是开发过程中,忽略了新窗口跳转时未对 props 进行处理,导致默认值未及时更新。
  • 如果按照方式一,需要根据打开交互式shell 跳转前的页面,补充 props 参数里面需要的值(isWindows、isSolaris),让公共term.vue组件根据 props 正确地处理输入命令。
相关推荐
光影少年22 分钟前
vue中,created和mounted两个钩子之间调用时差值受什么影响
前端·javascript·vue.js
青苔猿猿25 分钟前
node版本.node版本、npm版本和pnpm版本对应
前端·npm·node.js·pnpm
一只码代码的章鱼1 小时前
Spring的 @Validate注解详细分析
前端·spring boot·算法
zimoyin2 小时前
Kotlin 协程实战:实现异步值加载委托,对值进行异步懒初始化
java·前端·kotlin
cdcdhj2 小时前
vue用通过npm的webpack打包编译,这样更适合灵活配置的项目
vue.js·webpack·npm
程序员与背包客_CoderZ3 小时前
Node.js异步编程——Callback回调函数实现
前端·javascript·node.js·web
非凡ghost3 小时前
Pale Moon:速度优化的Firefox定制浏览器
前端·firefox
清灵xmf4 小时前
从 Set、Map 到 WeakSet、WeakMap 的进阶之旅
前端·javascript·set·map·weakset·weakmap
11054654014 小时前
11、参数化三维产品设计组件 - /设计与仿真组件/parametric-3d-product-design
前端·3d
爱笑的林羽4 小时前
Mac M系列 安装 jadx-gui
前端·macos