vue-web-terminal icon indicating copy to clipboard operation
vue-web-terminal copied to clipboard

目前已支持Vue3的适配,大家可以在此发表建议

Open tzfun opened this issue 4 years ago • 16 comments

目前会持续维护两个分支的版本号:2.xx和3.xx:

  • 2.xx 对应 vue2 版本
  • 3.xx 对应 vue3 版本

vue3版本除安装方式以外其他用法与vue2保持一致

//  vue3安装
npm install [email protected] --save 

main.js中安装

import Terminal from 'vue-web-terminal'

// for vue3
const app = createApp(App)
app.use(Terminal)

使用

<template>
  <div id="app">
    <terminal name="my-terminal" @execCmd="onExecCmd"></terminal>
  </div>
</template>

<script>
import Terminal from "vue-web-terminal"

export default {
  name: 'App',
  components:{Terminal},
  methods: {
    onExecCmd(key, command, success, failed) {
     //  handle your command ...
    }
  }
}
</script>

<style>
body, html, #app {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
</style>

tzfun avatar Apr 11 '22 04:04 tzfun

vue3版本,输入中文后光标会跳转到行首,英文和数字没有影响。

Yannnser avatar Jun 03 '22 17:06 Yannnser

vue3 如何禁止输入中文呢

18030705033 avatar Aug 24 '22 06:08 18030705033

vue3 如何禁止输入中文呢

目前暂未支持输入过滤,不过下个版本可以加上

tzfun avatar Aug 25 '22 01:08 tzfun

vue3版本,输入中文后光标会跳转到行首,英文和数字没有影响。

我这边测试没有遇到这个问题,请告知下你的运行环境信息

tzfun avatar Aug 25 '22 01:08 tzfun

请问minScreen、fullScreen要重新写样式吗?还是可以直接调用方法更改样式呢?

18030705033 avatar Aug 29 '22 05:08 18030705033

请问minScreen、fullScreen要重新写样式吗?还是可以直接调用方法更改样式呢?

目前暂时不支持这个功能,需要自己修改显示样式,后续版本可以考虑加上。

tzfun avatar Aug 29 '22 06:08 tzfun

要不顺便把它做成可以拖动的?

18030705033 avatar Aug 29 '22 08:08 18030705033

要不顺便把它做成可以拖动的?

拖动应该属于承载Terminal的容器的功能,我觉得不应该与Terminal绑定。

tzfun avatar Aug 29 '22 08:08 tzfun

如果一个页面多次进入,并不会销毁之前的引入terminal 然后报错unable to register a listener with the same name ,导入页面白屏,需要刷新页面。目前解决办法是给一个v-if

18030705033 avatar Aug 30 '22 12:08 18030705033

如果一个页面多次进入,并不会销毁之前的引入terminal 然后报错unable to register a listener with the same name ,导入页面白屏,需要刷新页面。目前解决办法是给一个v-if

这是在dev调试环境下才会有的,vue代码热更新脚本之后会重新执行一次,导致terminal被挂载两次,这种情况不用处理,只会在开发环境出现打包之后不会有热更新也就不会出现。

tzfun avatar Aug 30 '22 14:08 tzfun

请问下怎么修改style

HGGshiwo avatar Oct 19 '22 14:10 HGGshiwo

请问下怎么修改style

插件内的样式暂时没有提供接口修改样式,你可以覆盖相应的css class来达到修改样式的目的

tzfun avatar Oct 20 '22 01:10 tzfun

日志行数超过200就开始报错了,但有时候光一个ls就会弄好多行 他就会报满屏的错误

18030705033 avatar Oct 20 '22 08:10 18030705033

大佬,现在如果在终端输入内容,但是不执行,而是关闭终端,再次开启的时候我只有先execute() 然后将terminalLog清空,有没有啥方法可以直接初始化啊

18030705033 avatar Oct 21 '22 07:10 18030705033

不然的话,上次输入的还是会存在

18030705033 avatar Oct 21 '22 07:10 18030705033

大佬,现在如果在终端输入内容,但是不执行,而是关闭终端,再次开启的时候我只有先execute() 然后将terminalLog清空,有没有啥方法可以直接初始化啊

对插件使用有什么疑问可以提交新的issue,这一个issue用于收集建议,讨论回复太多不方便查看。关于这个问题我已经给你创建了新issue,移步讨论~

tzfun avatar Oct 21 '22 08:10 tzfun

image 这是要另外依赖? 安装依赖后还是报错

ZedCoding avatar Jan 04 '23 06:01 ZedCoding

这是要另外依赖? 安装依赖后还是报错

你新创一个issue吧,描述一下你的环境和使用版本 @ZedCoding

tzfun avatar Jan 04 '23 06:01 tzfun