前端哥

代码模版-实现form表单输入框和label统一对齐,vue elementui

2024-05-07el-form 中每个 el-form-item 都是一个单独的小项目,默认 el-form-item 都是换行的,除非加上。通过 vue elementUI 实现 form 表单中输入框还有 label 统一对齐。属性 right 表示右对齐,即可对齐,但是不想都弄成 1 列,可以让他们都是 1 行,属性表示前面每个 label 宽度是多少,然后设置。有的输入框长度不一致,前端谷歌调试后,通过。想设置对齐的话,先可以设置。属性,就是表示弄成一行。_el-form-item label对齐属性

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

063:vue中一维数组与三维数组联动,类似购物车增减

2024-01-24使用vue项目时候,遇到这样一个需求,将一维数组做一定的转换,增加一些变量,然后将变更后的一维数组转化为三维数组,再然后是一位数组和三维数组的联动,类似于购物车的添加和减少的效果。这是一个完整的示例,涉及到以下函数。 - dajianshi_arr1to1(arr) {} 一维数组转换 - dajianshi_arr1to3(arr) {} 一维数组变成三维数组 - addCart(id) 加入购物车 - removeCart(id) 移除购物车 - delCart(id) 从购物车列表清除

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

vue 3 Element Plus 自定义弹出框组件实践

2024-05-07vue 3 Element Plus 自定义弹出框组件实践_element-plus 封装dialog

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

vue npm导入项目出现 request to https://registry.npm.taobao.org failed, reason certificate has expired

2024-05-07npm报错:request to https://registry.npm.taobao.org failed, reason certificate has expired,,本文章亲测有效,可自行尝试。

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

vue前端文字效果:如何让一段文本像是手动一个一个字打出来的

2024-05-07自己做的AI聊天机器人界面,文字显示模仿人类手动输入的感觉,我觉得比微信还好看。_前端实现的文字一个一个输出效果

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

打包部署若依SpringBoot后端和vue前端

2024-05-07打开若依,点击右侧的Maven展开Maven管理,选择ruoyi>Lifecycle 先双击clean清除原本启动项目时生成的文件。打包完成后会在ruoyi-admin>src>target里面看到.jar后缀的文件,就代表打包成功(可以把这个文件复制出来存放到其他地方,方便后面启动)打包完成后查看文件目录,有一个叫dist的文件夹就是打包成功了,dist的文件夹介绍打包的vue项目了。在命令框里输入java -jar ruoyi-admin.jar回车启动打包好的jar包。原因结束后端的命令窗口关闭了)_若依前端打包命令

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

vue-pdf使用及注意事项

2024-05-07近期公司有一个需求需要在移动端实现pdf文件预览,因为移动端是用vue开发的,所以最终选择使用vue-pdf插件进行开发。vue-pdf是一个pdf预览的插件,主要在vue中使用,开发者是国外的(vue生态系统很大,也有国外的大佬参与了一些插件开发,主要是一些npm包),使用起来较为简单,就是坑有点多,如果公司要求没有那么严格,只是简单的预览功能,对样式也没有过多要求的话这个插件很不错。vue-pdf如果打不开,可以使用下面这个网址将链接复制进去加速访问。_vue-pdf

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

vue实现甘特图

2024-05-07上述示例完整代码在 vue-gantt-schedule-timeline-calendar依赖中提供。注意:gantt-schedule-timeline-calendar需授权才可使用。上图是运行效果,在控制台会有两条license请求,可以看到请求发出的文件位置。1、替换license验证地址,换成我们自己的请求,保证响应成功。上图是我版本的代码,由于代码被编译了,每个版本有所出入。图中标注的u即请求url地址,换成我们自己的即可。上述两种方案,我最终采用的第2种。2、将验证失败的动作去掉。_gantt-schedule-timeline-calendar

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

正确解决vue:Cannot set property ‘xxx’ of undefined异常的有效解决方法

2024-05-07正确解决vue:Cannot set property ‘xxx’ of undefined异常的有效解决方法

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

关于vue使用el-cascader获取值的问题【超详细】

2024-05-07文章详细记录了通过vue 的el-cascader组件,如何获取到级联值的信息?以及如何回显的问题? _el-cascader

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

5501条数据,当前392/551

最近搜索

会员中心 联系我 留言建议 回顶部
浏览器升级提示:您的浏览器版本较低,建议您立即升级为知了极速浏览器,极速、安全、简约,上网速度更快!立即下载