大屏项目经常遇到列表自动滚动的场景,于是撸了个vue2的组件,滚动的原理是定时改变容器的scrollTop值。 列表内容是通过slot插入的,看一下效果。 滚动效果 使用 npm install -save vue-list-auto-scroll-tsc 引入后注册为组件即可使用 属性 step: 类型: String, Number 默认:1 说明:每次滚动的距离 如果是数字,表示...
在大屏项目中，常需实现列表自动滚动功能。为此，我们构建了一个Vue2组件——VueListAutoScrollTSC。其核心原理是通过定时改变容器的scrollTop值来实现滚动效果。组件中的列表内容通过slot功能插入，可直观展示滚动效果。使用方式简单，引入组件后，只需在项目中注册即可。配置选项丰富，满足不同需求。其中`ste...
"vue-tsc": "^0.38.2" "vue-tsc": "^1.8.27" }, "engines": { "node": ">= 18" Expand Down 5 changes: 2 additions & 3 deletions 5 packages/components/affix/index.ts Show comments View file Edit file Delete file This file contains bidirectional Unicode text that may be interpre...
vue npm install -g typescript 安装TSC npm -g install typescript@3.1.3 安装指定版本 vue-router钩子函数 npm config get prefix 查找node路径 如果输入 tsc -V 报一下错误 需要配置环境变量 . 新建系统变量 NODE_PATH 进入环境变量对话框,在系统变量下新建"NODE_PATH",输入”D:\Program Files\Nodejs\node...
编译代码。编译 TypeScript 到 JavaScript 代码,可以使用 tsc 命令。 tsc --outDir dist src/main.ts 部署代码。将编译后的 JavaScript 代码部署到服务器上即可。 以上就是在 Vue.js 中使用 TypeScript 的基本步骤。需要注意的是,使用 TypeScript 会导致代码体积增大,需要考虑服务器带宽等因素。
"build": "vue-tsc --noEmit --skipLibCheck && vite build" } } typescript 配置 { "compilerOptions": { "jsx": "preserve", "target": "esnext", "module": "esnext", "moduleResolution": "node", "strict": true, "sourceMap": true, ...
"vue-tsc": "^0.38.1" "stylelint-scss": "^4.3.0", "terser": "^5.15.0", "typescript": "^4.8.3", "unocss": "^0.45.22", "unplugin-auto-import": "^0.11.2", "unplugin-icons": "^0.14.10", "unplugin-vue-components": "^0.22.7", "vite": "^3.1.3", "vite-plugin-font...
"@fcli/vue-auto-scroll": "^1.0.0", "vue": "^3.3.4" }, "devDependencies": { "@vitejs/plugin-vue": "^4.2.3", "typescript": "^5.0.2", "vite": "^4.4.5", "vue-tsc": "^1.8.5" } }, "node_modules/@babel/parser": { "version": "7.22.14", ...
当然前提是工具链能成熟，包含 vscode 的插件、类似 tsc --noEmit 的命令行类型检查，正确的 dts 文件...
这阵正好比较空闲,将以前收集的实现固定表头表格的方法在这里整理了一下。原来想将代码直接贴在文章里,不过试了下载入很慢,所以就放在附件了。 方法1:使用CSS实现在table外面套个div限制显示大小,同时设置表头单元格的样式为position: relative;top: expression(document.getElementById("div").scrollTop);其中exp ...