2024-08-04在开发公司内部使用的管理后台时，通过原型发现表单较多，内容层级复杂，而且包含一些联动。例如：通过input在输入内容后需自动生成对应后缀，以便编辑者了解含义；通过select选择不同的值展示不同的表单项;通过switch设置某个值的开关去控制子组件的显示隐藏;通过input-number输入值控制子表单项个数;所以决定结合element已有的组件再重新单独封装一套组件，这样只需要传入js配置文件即可动态生成成对应子项，无需复杂的写很多冗余的html文件。_vue3 动态表单

https://www.qianduange.cn//article/14814.html 分类：前端知识

2024-08-04这篇文章介绍了如何使用Vite构建组件库，并将其发布到npm上。文章包括搭建项目、调整目录结构、组件开发、整合并导出组件、编写package.json文件、vite打包配置、本地模拟、发布到npm、安装验证等步骤。文章还提供了一个基于Vue3 element-plus封装的Table组件的示例，演示了如何运行和使用发布的组件。_vue3 vite 发布npm 包

https://www.qianduange.cn//article/14798.html 分类：前端知识

2024-07-30通过Vue的slot机制和elementUI的el-tooltip组件，我们成功实现了在表单项label后添加文字提示的功能。我们还介绍了如何在el-tooltip的content中实现多行内容的展示。这种技巧在提供更详细信息、增强用户理解方面起到了重要作用。希望这个小技巧能够在Vue elementUI项目中发挥作用，提高用户体验。_el-form-item label插槽

https://www.qianduange.cn//article/14664.html 分类：前端知识

2024-07-30真想吐槽一下小程序，uniapp运行到小程序使用Vue.use注册全局组件根本不起作用，也不报错，这只是其中一个问题，其他还有很多问题，比如vue中正常使用的没问题的语法，运行到小程序就不行，又是包太大也不让上传等等乱七八糟的问题。uniapp相对于小程序算是好点儿，但是uniapp的开发体验也真是糟糕，HBuilderX不好用，另外uniapp官方提供的内置的组件、api等感觉写的也不够直观明了、跟它搭配使用的u-view、uCharts等组件库跟的跟element-ui没法比。

https://www.qianduange.cn//article/14663.html 分类：前端知识

2024-07-30如果运行有报错则将 packeage.json下的 "@vue/cli-plugin-eslint": "~5.0.0",删除。等待完成后再次进入创建好的文件vue01，输入npm run serve开始运行。然后cd到vue01目录下npm run serve运行。然后打开 http://localhost:8080/在D盘创建文件vs，在vs下创建vuedemo。输入以上命令进入到vuedemo创建vue01。点击文件，选择打开文件夹，打开刚刚创建的项目。快捷键ctrl c终止批处理操作。_vscode开发vue入门项目

https://www.qianduange.cn//article/14629.html 分类：前端知识

2024-07-30本文介绍了在qiankun框架中，如何通过SnapshotSandbox、proxySandbox和ShadowDOM实现JavaScript和CSS的隔离，以及如何处理不同沙箱机制的优缺点，以及CSS模块在样式隔离中的应用和解决elementUI弹窗样式问题的方法。

https://www.qianduange.cn//article/14617.html 分类：前端知识

2024-07-30如果返回的是json格式的字符串，可以用jsonUtil的工具类，直接转换成jsonobject，然后直接jsonObject.get("key")，就可以拿到数据，那如果返回的是一个html页面呢，应该怎么获取html页面中的信息呢;根据 HTML 的结构和需要提取的内容，可以使用 Jsoup 提供的选择器来获取指定的元素。Java 提供了多个库用于解析 HTML，比如 Jsoup 和 HtmlUnit。elements这个对象提供了一系列类似于DOM的方法来查找元素，抽取并处理其中的数据。_java访问链接,并获取指定html代码的标签信息

https://www.qianduange.cn//article/14586.html 分类：前端知识

2024-07-291、el-table的单元格不仅要能点击，而且需要显示后台数据(由于我保存的是数字形式到后台，但是展示到前端时需要将这些数字翻译成对应的中文)，下面的是一个简单的实现方法。2、点击完单元格出现dialog弹框，然后勾选相应的信息，点击保存就可以啦。最后也顺便说下这个一个单元格显示多行数据是如何实现的，很简单直接看代码。实现的效果图，证据这一栏可以点击。后台返回的数据主要是这个函数。以上的各种方法的代码。_element form 表单label前面加个checkbox

https://www.qianduange.cn//article/14546.html 分类：前端知识

2024-07-29的返回参数中，上传文件数是不断累积的，比如你限制最大同时上传10个文件，第一次你上传了7个，第二次你上传了5个，此时会提示你上传了12个，因此第二次被限制住了，所以需要在。在正式调用上传接口前先调用文件完整性检测接口，为断点续传用，后端通过md5值结合文件名来检测当前文件是否已经上传过，上传了多少，获取当前文件应该上传的分片的下标。参数为上传的文件，这里要注意两点，1.当同时上传多个文件时，会多次触发事件，有几个文件就执行几次方法，--覆盖默认的上传行为，可以自定义上传的实现（一开始是使用。_elementui分片上传

https://www.qianduange.cn//article/14543.html 分类：前端知识

2024-07-29实现合并单元格和多级表头可以直接用官网提供的写法，但是有可能数据会比较多的时候，就需要我们稍微改造一下，方便以后再出现合并的数据，直接可以公用。注意的项是 要和并的字段不一样，我们需要单独去设置；spanMethod 方法会根据 设定的 merge 值去合并；spanArr 方法执行计算属性，添加我们的判断条件。注意的是，可能需求不同，但是方法是一样的。只需要把方法中的值替换即可实现公用。满足条件的进行合并，不满足的则是单独一行展示。表格的数据布局 index.vue。数据的映射config.ts 页面_vue3 element-plus el-table 合并

https://www.qianduange.cn//article/14541.html 分类：前端知识