vue使用hiprint做打印模板并打印
2024-08-12设计:建立一个模板表;有以下字段:id(唯一键),name(前端显示模板名称),printJson(模板字符串),type(分类-同类的模板在同一个地方显示并可打印),等(做成配置时需要其他条件自己考虑加)前端统一传值可为两种对象和数组(对象只打印一个,数组有多少条数据打印多少个),这个hiprint会自己判断,可以不管。然后再写个组件,弹窗显示打印页面,引用打印页面,传入数据(打印内容与打印模板)然后在要打印的页面使用,我这边是把打印组件封装到表格组件里了,做成了配置项。点击设计进入设计页面,如图。_vue 打印模板设计
关于ant design vue 使用Modal无法关闭弹窗的解决思路
2024-08-10关于ant design vue 使用Modal无法关闭弹窗的解决思路node_modules/.pnpm/pinia@2.1.7_typescript@5.5.2_vue@3.2.33/node_modules/pinia/dist/pinia.mjs:6:9: 6 │ import { hasInjectionContext, inject, toRaw, watch, unref, markRaw, effectScope, ref, isVue2, _ant-design-vue modal 无法关闭
JS H5打字练习器
2024-08-10实现功能1.导入.TXT文件到打字练习内容(部分浏览器可能出于安全问题限制了这一步操作)2.输入文本到打字练习内(弹出输入框,将要练习的内容输入至输入框)3. 开始练习,并根据正误在打字练习内容文本上修改颜色(某个字正确显示绿色,某个字错误,显示红色,某个字没有打显示灰色)4.开始练习、结束练习,全部输入完成后自动结束练习,也可提前手动结束练习,结束练习后弹窗用显示时和正确率。(区别在于一个全部输入完成且全部正确,一个提前结束无其他条件)效果图分析HTML 结构解析根元素:<!DO
css jquery右下角弹框提示框(工作需要就开发调式了)
2024-08-10使用时调用:addTip();setTimeout("closeTip();",1000);setTimeout("removeTip();",2000);//添加提示框function addTip() { var tip = " <div id='tip'>" " <div class='tip-header'>提示信..._jquery 右下角窗口弹窗
CesiumJS第3篇,前端使用Vue和Element实现可拖动弹框效果,并使用mixins混入特性实现,不影响底层元素操作(Cesium上可拖拽的实时视频播放弹框,底层元素可以正常操作)
2024-08-10在开发中,弹框和实时视频播放是常见的需求。这里来记录一下,如何使用Vue.js和Element UI实现一个可拖动的弹框,并在其中播放实时视频。同时,确保在拖拽弹框时,底层元素仍然可以操作。_dialog弹窗实现拖拽移动功能vue jsp环境来写
11-vue-dompurify-html的使用及使用过程中的问题解决
2024-08-07使用了这个插件后,在测试时确实没有弹出来了,在我以为是成功的情况下,本想着做一下整理,但是更深入查找资料发现,虽然这个插件可以过滤掉xss攻击,但是不会影响其它元素渲染,但是使用后其它元素却没有渲染成功,就很奇怪。后来,我在node_modules中找这个插件的相关信息,结果被我发现在README.md中发现了一句话,意思是当前的版本是适合vue3用,vue2的话需要用4.1.x的版本。下载的版本是v4.1.4,刷新,结果没反应,重新启动,成功啦,没有弹窗,且其它元素也能成功渲染出来,果然是版本的问题。_vue-dompurify-html
微服务之间的js隔离和css隔离实现原理
2024-07-30本文介绍了在qiankun框架中,如何通过SnapshotSandbox、proxySandbox和ShadowDOM实现JavaScript和CSS的隔离,以及如何处理不同沙箱机制的优缺点,以及CSS模块在样式隔离中的应用和解决elementUI弹窗样式问题的方法。
jquery bootstrap实现DOM转图片并下载
2024-07-29?jquery实现DOM结构转图片并下载版本介绍:Bootstrap v3.3.7jQuery v3.5.1domToImage.js根据Bootstrap实现dialog上一步下一步多个弹窗交互进行大肆修改,完善了第二步生成图片的功能与更强的交互1.、功能说明重新设置bootstrap主题色包括按钮:默认(default)、成功(success)、错误(danger)、主要(primary)提示:成功(success)、错误(danger)内容区以card形式展示,纯_jquery下载图片
【前端5*】表格-表单1(弹窗在父组件)父子组件调用 vue element-ui
2024-07-21在本系列的第一篇文章中,我们将梳理如何在Vue.js中使用Element-UI实现表格与表单的结合:如何在父组件中通过按钮触发弹窗,并在弹窗中调用子组件的表单。这种设计模式在实际项目中非常常见,特别是在需要对数据进行增删改查操作时,能够有效地提升用户体验和代码可维护性。本文将分为以下几个部分:1、环境配置与基础介绍2、父子组件的结构与数据传递3、使用Element-UI实现弹窗与表单4、完整示例代码与详细解析(后面一篇博客)
jQuery模态框弹窗提示代码
2024-07-20jQuery模态框弹窗提示代码。_jq弹出窗口代码