Vue
文章平均质量分 67
掉发的小王
与其临渊羡⻥,不如退⽽结⽹。小王博客基地
展开
-
Vue组件化之父子组件传值
作为国内使用较多的前端框架——Vue,作为一名开发人员是必须要掌握的,小编作为一名后端人员。由于公司前端人员不足,也是学起来了Vue!框架的精髓就在于,组件化!一个页面拆分几个小组件,这就牵扯到组件之间的数据传输问题!比较常用的就是:父子组件传值,兄弟之间传值场景小编这里还没有遇到,所以本次就以常用的父子组件传值来结合例子说一下!从上述两种方式可以看出,props传值需要在子组件中预先定义需要接收的属性,在父组件中传递数据时需要使用v-bind或者":"进行绑定。原创 2023-04-17 14:32:48 · 733 阅读 · 0 评论 -
尤大大(尤雨溪)的年度总结、预期
刚刚在浏览Vue官网的时候,看看博客,发现尤大大写了年度总结和展望预期,感觉挺好的,这也预示着Vue新的一年的发展方向!看一下,顺便边缘OB一下哈!!下面我们进入正文!原创 2023-01-04 08:40:35 · 5526 阅读 · 0 评论 -
使用Vite快速构建Vue3+ts+pinia脚手架
快速搭建Vue3+ts+pinia,简单介绍Vite,pinia原创 2022-09-16 13:51:07 · 1072 阅读 · 0 评论 -
Java一次返回中国所有省市区三级树形级联+前端vue展示【200ms内】
中国省市区还是不少的,省有34个,市有391个,区有1101个,这是以小编的库里的,可能不是最新的,但是个数也差不了多少。当一次返回所有的数据,并且还要组装成一个三级树,一般的for,会循环次。这样就是千万级的,加上与数据库交互,你跑半天也跑不完。最后的处理是组长提供的思路,果然很快。如果大家有比小编更加快的方式,欢迎留言交流哈!如果觉得有用,还请动动大家的发财小手点点关注哈!!!有缘人才可以看得到的哦!!!点击访问!小编自己的网站,里面也是有很多好的文章哦!原创 2022-09-08 15:49:29 · 2346 阅读 · 0 评论 -
vue3代码片段模版与VSCode设置
我们在使用开发中,和中的模板还是有差距的,所以我们需要换一下模板,防止大家辛苦的自己敲,小编这里给大家敲好了!粘贴即用哈!!觉得有用的给小编点个关注哈!!!三、配置代码片段打开配置用户代码片段找到,第一次好像点击就可以,不用是直接粘贴刚刚的代码片段新建输入回车即可......原创 2022-06-23 14:15:59 · 2767 阅读 · 4 评论 -
使用rimraf一秒删除node_modules文件夹【亲测有用】
一、前言我们在使用vue的时候会遇到很多问题,有的问题一般要删除掉node_modules,我们手动delete是非常慢的要好几分钟。今天来介绍一下rimraf工具,一条命令完美删除node_modules。二、下载安装npm install rimraf -g三、执行删除rimraf node_modules四、结果展示...原创 2021-12-01 14:51:02 · 5637 阅读 · 0 评论 -
Vue使用ElementUI中的面包屑,修改面包屑的字体颜色
一、需求我们在前端开发中,难免遇到按照设计图来搭建页面,使用ElementUI的组件,明显不能满足我们的需求, 所以我们要重新覆盖一下ElementUI的组件样式!!!二、设计图三、找ElementUI的样式四、样式重写- 面包屑演示<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item class="myColor">第一层</el-breadcrumb-item&原创 2021-10-28 09:12:14 · 5278 阅读 · 4 评论 -
Vue使用ElementUI的表格进行日期格式化,变成自己想要的格式
一、需求作为一个后端开发者,被领导安排写了一些前端页面,可谓是难受啊,特别是100%按照设计图进行还原.要命了!!!- 设计图日期如下- 后端接口返回日期二、解决方案- 页面展示<el-table> <el-table-column prop="ctime" :label="$t('spare.ctime')" :formatter="formatDateC"><!-- 添加一个格式化函数--> </el-table-colum原创 2021-10-27 17:40:57 · 3231 阅读 · 0 评论 -
el-upload上传文件和表单一起提交+后端接收代码
文章目录一、前言二、前端页面展示三、表单代码四、Data部分五、JS方法六、后端接收方式七、总结一、前言我们在做前端时,会遇到这样的需求,上传Excel文件,并且还要和填写的表单数据,一起发送.我们知道el-upload默认的是选中文件后直接请求到后端的接口.现在就需要我们修改这种默认的上传形式,和填写完的form表单一起请求后端接口.二、前端页面展示三、表单代码 <el-dialog title="导入源数据库表单信息" :visible.sync="dialogVisible1"&原创 2021-09-01 08:48:52 · 7499 阅读 · 14 评论