自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 问答 (1)
  • 收藏
  • 关注

原创 VUE中使用swiper的报错!

首先最新的swiper中没有dist文件,所以导入如下其次在mounted中实例化

2021-08-23 16:20:34 375

原创 关于后端返回数据中的大数字问题

之所以请求文章详情返回 404 是因为我们请求发送的文章 ID (article.art_id)不正确。JavaScript 能够准确表示的整数范围在-2^53到2^53之间(不含两个端点),超过这个范围,无法精确表示这个值,这使得 JavaScript 不适合进行科学和金融方面的精确计算。json-bigint 是一个第三方包,它可以帮我们很好的处理这个问题。使用它的第一步就是把它安装到你的项目中。npm i json-bigint//JavaScript中的这两个方法和以下差不多

2021-08-09 22:55:48 424

原创 如何快速找到哪个元素产生的滚动?

把下边的代码粘贴到浏览器Console中敲回车,然后滚动界面,它会输出滚动的元素function findScroller(element) { element.onscroll = function() { console.log(element)} Array.from(element.children).forEach(findScroller);}findScroller(document.body);...

2021-08-02 16:25:27 598

原创 vue移动端项目连接手机的方法

首先要电脑和手机连接同一个WIFI或者电脑连上手机热点步骤一:cmd 打开命令运行符,输入“ipconfig”查询本地 IP;步骤二: 将ipv4地址复制下来 --->192.168.0.102步骤三: 打开项目所在文件夹的package.json文件,找到“scripts”再“scripts”中的serve的后边添加添加 --host 192.168.x.x最后运行调试命令为:“npm runserve”在手机端运行Network的网址即可...

2021-08-01 15:30:52 1064

原创 vuex案例--Todolist

A.初始化案例首先使用vue ui初始化一个使用vuex的案例 然后打开public文件夹,创建一个list.json文件,文件代码如下:[ { "id": 0, "info": "Racing car sprays burning fuel into crowd.", "done": false }, { "id": 1, "info": "Japanese princess to wed c

2021-07-28 21:25:55 214

原创 Vue代码格式化自动对齐,(超详细)

第一步:第二步:第三步:为防止报错第四步:再者在项目的根目录中创建一个.prettierrc.json文件,放以下内容即可{ "singleQuote": true,// 单引号 "semi": false,// 去掉行尾分号 "trailingComma": "none"// trailingComma 对象属性和数组元素的最后自动添加逗号,none不要逗号了}...

2021-07-28 17:28:47 3953

原创 电商后台管理系统(第七天)--项目优化

###1.项目优化 实现步骤: A.生成打包报告,根据报告优化项目 B.第三方库启用CDN C.Element-UI组件按需加载 D.路由懒加载 E.首页内容定制###2.添加进度条 给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress 打开main.js,编写如下代码//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'.....//请求在到达服务器之..

2021-07-26 15:00:10 177

原创 Vue项目实战----电商后台管理系统(第六天)

1.添加商品A.完成图片上传 使用upload组件完成图片上传 在element.js中引入upload组件,并注册 因为upload组件进行图片上传的时候并不是使用axios发送请求 所以,我们需要手动为上传图片的请求添加token,即为upload组件添加headers属性//在页面中添加upload组件,并设置对应的事件和属性<el-tab-pane label="商品图片" name="3"> <!-- 商品图片上传 action:指定图片上传api接口 :

2021-07-26 14:57:24 358

原创 Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“

此错误是echarts导入的错误解决方法:只需要在导入echarts时把前面的import改为import*as

2021-07-25 23:01:05 305

原创 Error in v-on handler (Promise/async): “Error: Network Error“错误

电商后台系统的错误此接口用不了了,换一个请求路径,或者在自己服务器写一个

2021-07-25 16:05:41 1493

原创 Vue项目实战----电商后台管理系统(第五天)

1.参数管理A.展示动态参数可选项 动态参数可选项展示及操作 在获取动态参数的方法中进行处理。//将获取到的数据中的attr_vals字符串转换为数组res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] //添加一个bool值控制文本框的显示或者隐藏 item.inputVisible = false //添加一个inputValue保存文本..

2021-07-23 23:48:19 163

原创 级联选择器菜单高度溢出问题

要在全局的css文件中加.el-cascader-menu { height: 300px;}解决后

2021-07-23 20:40:15 114

原创 Vue项目实战----电商后台管理系统(第四天)

1.商品分类A.新建分支goods_cate 新建分支goods_cate并推送到码云 git checkout -b goods_cate git push -u origin goods_cateB.创建子级路由 创建categories子级路由组件并设置路由规则import Cate from './components/goods/Cate.vue'path: '/home', component: Home, redirect: '/welcome', children: [..

2021-07-22 18:50:35 267

原创 Vue项目实战----电商后台管理系统(第三天)

附:码云https://gitee.com/zhoulililia/vue_shop1.修改用户信息A.为用户列表中的修改按钮绑定点击事件B.在页面中添加修改用户对话框,并修改对话框的属性<el-dialog title="修改用户信息" :visible.sync="editDialogVisible" width="50%" @close="editDialogClosed" > <el-form :model="editForm" :rule

2021-07-21 22:55:33 323

原创 Vue项目实战----电商后台管理系统(第二天)

1.后台首页基本布局 打开Home.vue组件,进行布局:<el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info" @click="logout"> 退出 </el-button></el-header> <!-- 页面主体区域 --> <el-container>

2021-07-20 15:24:44 313 3

原创 Vue项目实战----电商后台管理系统(第一天)

1

2021-07-19 12:22:14 253

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除