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

问题记录:

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

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

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

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

问题排查:

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

问题总结:

  • 问题原因主要是开发过程中,忽略了新窗口跳转时未对 props 进行处理,导致默认值未及时更新。
  • 如果按照方式一,需要根据打开交互式shell 跳转前的页面,补充 props 参数里面需要的值(isWindows、isSolaris),让公共term.vue组件根据 props 正确地处理输入命令。
相关推荐
前端Hardy3 分钟前
HTML&CSS:3D图片切换效果
前端·javascript
spionbo24 分钟前
Vue 表情包输入组件实现代码及完整开发流程解析
前端·javascript·面试
全宝24 分钟前
✏️Canvas实现环形文字
前端·javascript·canvas
lyc23333324 分钟前
鸿蒙Core File Kit:极简文件管理指南📁
前端
我这里是好的呀25 分钟前
全栈开发个人博客12.嵌套评论设计
前端·全栈
我这里是好的呀26 分钟前
全栈开发个人博客13.AI聊天设计
前端·全栈
金金金__27 分钟前
Element-Plus:popconfirm与tooltip一起使用不生效?
前端·vue.js·element
lyc23333327 分钟前
小L带你看鸿蒙应用升级的数据迁移适配📱
前端
用户268128510666933 分钟前
react-pdf(pdfjs-dist)如何兼容老浏览器(chrome 49)
前端