Vue通用下拉树组件@riophae/vue-treeselect的使用
2024-02-12这个是在若依框架无意中发现的一个下拉树通用组件。@riophae/vue-treeselect 是一个基于 Vue.js 的树形选择器组件,可以用于选择树形结构的数据。它支持多选、搜索、异步加载等功能,可以自定义选项的样式和模板。该组件易于使用和扩展,适用于各种类型的项目。部分注释百度翻译成中文了,但太多了,懒得挨个翻译了,直接看也大概知道啥意思。下面是我测试的一个例子,一般的需求应该足够了。使用自己习惯使用的包管理器安装就可以了。字体样式简单调了一下。_@riophae/vue-treeselect
前端vue基于html2canva jspdf 实现前端页面加水印 并导出页面PDF
2024-02-12view class="exportPdfBtn" @click="downKcReport()">导出PDF//如果将水印列数设置为0,或水印列数设置过大,超过页面最大宽度,则重新计算水印列数和水印x轴间隔。watermark_fontsize: '14px', //水印字体大小。watermark_y_space: 102, //水印y轴间隔。watermark_x_space: 80, //水印x轴间隔。watermark_font: '微软雅黑', //水印字体。_前端导出加水印
Vue3中父组件调用子组件的方法
2024-02-06el-button type="primary" @click="handleOpenUserDialog">请选择用户在父组件中使用子组件 注意要使用ref: userDialogRef。这个名字就可以调用到组件中通过defineExpose暴露的方法。(1)导入上面定义的页面组件。(3)给组件取个ref名字。_vue3父页面调用子页面方法
[HTML]Web前端开发技术5.1(HTML5、CSS3、JavaScript )CSS基础,selector,properties,font,Cascading,@import——喵喵画网页
2024-02-05CSS概念传统HTML的缺点CSS的优势浏览器与CSS 3CSS编辑方法使用CSS控制Web页面CSS基本语法CSS定义与引用行内样式表(内联样式)内部样式表内部样式表的特点链接外部样式表导入外部样式表链接外部样式表与导入外部样式表的区别课后练习应用CSS行内样式表应用CSS内部样式表
@vitejs/plugin-legacy 为你的 Vite 项目提供对旧版浏览器的支持
2024-02-03插件后,当用户访问你的网站时,Vite 将根据用户的浏览器版本动态加载适合其浏览器的构建文件。这样,你可以在现代浏览器中享受更快的开发和构建速度,同时仍然为那些使用旧版浏览器的用户提供良好的体验。请注意,Legacy 构建模式主要用于支持旧版浏览器,如果你的项目不需要支持旧版浏览器或已经使用现代构建模式进行开发,那么无需安装和配置。是 Vite 生态系统中的一个插件,它的作用是为你的 Vite 项目提供对旧版浏览器的支持。确保你的项目已经使用 Vite 进行初始化,并且已经安装了 Vite 相关的依赖。_vitejs/plugin-legacy
jQuery实现消息提示框
2024-02-02创建一个消息提示方法/** * 弹出消息提示框,采用浏览器布局,位于整个页面中央,默认显示3秒 * 后面的消息会覆盖原来的消息 * @param message:待显示的消息 * @param type:消息类型,0:错误消息,1:成功消息 */function showMessage(message, type) { let messageJQ= $("<div class='showMessage'>" message "</div>"); _jquery提示框
javascript使用keyframes实现简单动画效果
2024-02-02本文中代码实现的效果如下,当打开html页面后,点击div设置的颜色块,启动动画,颜色渐变到目标颜色,当动画执行中,点击颜色块,则停止动画,并且恢复最开始状态;修改animation: move ease 2s infinite alternate 中的2s为10s则动画市场为10秒;在前端使用js开发中,可以使用keyframes实现简单的动画效果;_@keyframes 要引用js吗
解决sass问题:npm ERR! node-sass@9.0.0 postinstall: `node scripts/build.js`
2024-02-021.运行这个项目的适合,遇到了没有sass的问题,2.下载sass的时候又发现了一个这样的问题npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@9.0.0 postinstall: `node scripts/build.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the node-sass@9.0.0 postinstall script.npm ERR! This
使用 npm install -g @vue/cli命令报错
2024-02-01找到prefix这一行复制路径——>鼠标左键点击此电脑(桌面有我的电脑也可以,没有随便去一个文件夹看左侧一个个找),点击属性,4.关闭管理员运行的PowerShell窗口再之前出现错误的PowerShell窗口重新输入vue -V命令不用再安装脚本。高级设置,点击环境变量——》系统变量——》双击Path——》点击新建添加复制的路径。3.输入get-ExecutionPolicy -List。关闭PowerShell窗口再打开:输入vue -V命令。在电脑下方的搜索输入PowerShell点击管理员运行。_npm warn deprecated @babel/plugin-proposal-class-properties@7.18.6: this pro
Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependen
2024-02-01创建完vue项目进行启动报错;Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependen _error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be