vue2后台管理系统(刚入职的前端小白)
A-炜晨科技
一名刚入职的前端小白,学习,记录-进阶之路-_-
展开
-
如何把后端接口传的数字转化成对应的文字?
如何把后端传来的参数数字转化成对应的文字?如果不会修改,就和后端大哥商量给返回文字即可,但如果后端大哥比较冲,不好沟通,那么就得自己找办法转化修改一下了~原创 2022-08-14 14:04:42 · 1299 阅读 · 0 评论 -
vue解决点击不同按钮,回显数据时相同的问题
当点击按钮→ 弹框开启时设置为 this.isShow = true // 渲染。当关闭弹框时设置为 this.isShow = false // 销毁。data中定义一个变量 isShow = false 默认销毁。如有帮助点击下订阅吧,一位刚入职前端的小白分享~在组件上绑定v-if v-if="isShow"...原创 2022-08-13 12:03:54 · 383 阅读 · 0 评论 -
vue实现商品上下架功能(状态值随之改变)
实现商品上下架功能(补充:状态值随之改变)原创 2022-08-13 09:34:05 · 1629 阅读 · 0 评论 -
全国行政区域代码/编码
全国行政区划代码查询平台,可精确到乡级行政区。由于没找到对应的插件,只能手动跟更新。两天才把全国的城市编码基本更新完成。行政区划 - 行政区划代码查询。原创 2022-09-26 10:42:14 · 1061 阅读 · 0 评论 -
前端生成二维码教程
前端生成二维码的几种方式原创 2022-09-23 15:45:45 · 200 阅读 · 0 评论 -
解决报错 We‘re sorry but doesn‘t work properly without JavaScript enabled. Please enable it to continue.
解决报错 We‘re sorry but doesn‘t work properly without JavaScript enabled. Please enable it to continue.vue项目打包发布到线上之后报错修改router模式之后重新打包上传就可以了。原创 2022-09-16 11:51:10 · 45442 阅读 · 4 评论 -
Vscode 开发Vue必备插件
5.JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间。10.HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式。6.Beautify——格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则。1.Vetur —— 语法高亮、智能感知、Emmet等。转载 2022-09-02 13:59:48 · 7235 阅读 · 0 评论 -
前端Vue实现图片上传功能el-upload
前端Vue实现图片上传功能el-upload原创 2022-09-02 10:06:33 · 2553 阅读 · 3 评论 -
如何添加一句代码转时间戳?
new Date() 样式。原创 2022-09-01 15:12:54 · 49 阅读 · 0 评论 -
table表格实现图片头像上传
【代码】table表格实现图片头像上传。原创 2022-08-31 17:59:14 · 389 阅读 · 0 评论 -
前端如何使用base64转换图片,背景图以及图片的上传使用?
上期教大家如何在Figma软件上copy页面(背景图等等),那么如何使用呢?图片转base64格式网站(百度有,我推荐一个)替换到代码里的文字即可显示(我这个是背景图)原创 2022-08-31 09:47:34 · 1719 阅读 · 0 评论 -
教你使用figma工具复制copy页面及对应的代码
部分开发部门习惯用figma工具上传 Ui图,开发人员不会使用的话,还得自己去吸色,css样式,等交接页面时,软测,UI人员可能会找到各种不符合要求的原型图,这就需要大量的工程修改,这期教小伙伴们如何使用figma工具copy背景,页面及对应的css代码(研究了挺长时间才弄懂的工具)选中你要复制的页面,左侧会有,眼睛睁开代表复制这一样式图,点击关闭就是 取消(不方便显示,有公司的原型图.... 自己摸索一下吧)点击这个 复制copy整个页面的设计图(肯定是不能在公司的原型图上修改的了~)...原创 2022-08-31 09:33:08 · 4961 阅读 · 0 评论 -
webpack的安装
就是说,如果你包的名字叫 express,然后用户安装它,然后require("express")。8.如果没有packjson.json ,则使用npm init 命令创建,packjson.json用来展示依赖资源包的列表等信息,为了方便维护,最好创建此文件。6.虽然已经全局安装了webpack ,但是我们通常还是会在项目中安装局部的webpack,为了安装各自需要的模块;2.安装完成后,window用户,按住 微软徽标+R ,打开运行,输入cmd,打开命令行;9.接下来,局部安装webpack。...原创 2022-08-26 15:30:02 · 4089 阅读 · 0 评论 -
前端如何配置node和npm环境
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。刚入职的小伙伴,电脑如果没有前端代码所需要的运行环境,建议了解一下。黑窗口输入 node -v 确认安装成功并可以查到版本号。输入 npm -v 即可查看到版本号。window+r 输入cmd。原创 2022-08-25 17:06:57 · 243 阅读 · 0 评论 -
删除后一页数据后,分页显示上一页数据
删除后一页数据后,分页显示上一页数据。原创 2022-08-19 10:04:02 · 49 阅读 · 0 评论 -
vue项目中input框修改时页面数值随之改变的bug
点击click按钮时数值随之改变的bug,改变数值(例如input框中的文字),页面也会随之改变,因为v-model双向绑定的原因。data中定义一个值,用深拷贝方法,将父组件中传过来的值,赋值给新值,dom层v-model的值也需改变result.name等等。...原创 2022-08-18 15:52:46 · 875 阅读 · 0 评论 -
input禁止输入的4种方法
input禁止输入的4种方法。原创 2022-08-18 15:35:49 · 2718 阅读 · 0 评论 -
vue 实现动态表单点击新增 增加一行输入框
vue 实现动态表单,点击新增 增加一行输入框原创 2022-08-18 15:28:49 · 5366 阅读 · 2 评论 -
前端vue如何对接接口,如何传参,传id,实现删除,父子组件传值等等功能?
可以看到 后端给的接口id和handle是必传(必选:是),如果参数不是必选就可以不传(一般id是必传的)如果是父子组件传值,父组件data中定义一个参数。把id通过点击对应的按钮赋值给定义的参数,如果依旧不能实现,控制台log一下简单明了。子组件通过props接收。把参数绑定到组件上,...原创 2022-08-18 11:55:05 · 3056 阅读 · 0 评论 -
如何使用netWork快速找到文件路径,处理前后端bug?
学会使用浏览器自带的 network,可以快速找出项目中是前端还是后端的问题。响应一般会报错误提醒位置(后端)原创 2022-08-18 10:41:08 · 255 阅读 · 0 评论 -
element-UI 表单验证如何使用?
Form 组件提供了表单验证的功能,只需要通过rules属性传入约定的验证规则,并将 Form-Item 的prop属性设置为需校验的字段名即可。当然还是会有很多小伙伴不会使用,无法实现成效,现在我来教你如何使用表单验证。...原创 2022-08-18 09:54:08 · 68 阅读 · 0 评论 -
vue项目中Excel表格导出下载功能实现
vue项目中Excel表格导出下载功能实现原创 2022-08-15 17:22:02 · 760 阅读 · 0 评论 -
Excel表格导入导出功能实现
在 `js-xlsx`的基础上又封装了[Export2Excel.js](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/vendor/Export2Excel.js)来方便导出数据。网上示例地址:https://gitee.com/mirrors/vue-element-admin/blob/master/src/views/excel/export-excel.vue。...原创 2022-08-15 17:12:32 · 2105 阅读 · 0 评论 -
入职公司熟悉项目该做些什么?(刚入门的前端xiao白可以看看)
拿到公司分配的项目,搭配环境,运行.每个模块都在浏览器点一下熟悉项目,可以适当的熟悉是整个项目的构造. 其次呢,打开编写代码工具(vscode等),每个文件夹,文件都需要点一下(), 了解整个项目 上一位编码人员是如何实现的,可能你会发现好多写法之前根本就不一样,那么就得熟悉下他的这种写法(因为上一位大佬可能在 项目的某些地方用了封装更加简便),实际呢,我是想着让你了解大佬写的代码,万一之后有哪些功能无法实现,能回想起项目中哪些地方也运用了这个功能,可以适当的。现在正是学习阶段,把握住这段时间。...原创 2022-08-15 15:53:50 · 743 阅读 · 0 评论 -
项目中 除表单验证外 进行未输入验证 提示 (提交,取消)
项目中 除表单验证外 进行未输入验证 提示 (提交,取消)原创 2022-08-14 14:21:07 · 103 阅读 · 0 评论 -
VUE控制按钮状态
按钮状态实现原创 2022-08-14 14:12:29 · 891 阅读 · 0 评论 -
vue项目中两种回车键搜索功能实现
vue项目中两种回车键搜索功能实现原创 2022-08-13 23:21:17 · 446 阅读 · 1 评论 -
v-if 的使用
v-if的使用原创 2022-08-13 23:18:30 · 1049 阅读 · 0 评论 -
vue项目实现图片重置功能
el-upload重置图片功能实现原创 2022-08-13 23:14:15 · 246 阅读 · 0 评论 -
如何使用Container布局容器添加侧边栏(相当于3级路由) (后端返回的数据渲染)?
如何使用Container布局容器添加侧边栏(相当于3级路由) (后端返回的数据渲染)原创 2022-08-13 23:08:04 · 246 阅读 · 0 评论 -
教你(自定义添加布局)后台接口不存在的侧边栏添加
教你(自定义添加布局)后台接口不存在的侧边栏添加原创 2022-08-13 12:11:58 · 120 阅读 · 0 评论 -
详解vue 路由跳转四种方式 (带参数)[转载]
this.$router.push({name:'home',params: {id:'1'}}) // 只能用 name。 //name,path都行, 建议用name。// 路由配置 path: "/home/:id" 或者 path: "/home:id" ,// 路由配置 path: "/home/:id" 或者 path: "/home:id"// script 取参 this.$route.params.id。...原创 2022-08-13 10:07:36 · 1505 阅读 · 0 评论