- 博客(19)
- 收藏
- 关注
RSS订阅原创 network里查询到了数据,但是headers里没有参数
接口请求成功了,但是看不到参数,也没有任何报错,查询的时候也不生效该传的参数也都传了,console.log也有数据,后来检查发现js里写接口的时候忘了传参最开始写的是下面的这样,没有传参,后来发现没有传参,加了参数(上面的)就成功的能看到参数了。...
2021-10-13 17:55:40
631
原创 res.code为200,res.massage显示有数据,但是res.data是[],空数组
network里面massage返回的有数据,code也是200,但是data是空数组,并且页面下拉列表也没空后来发现是因为name里要传的值需要的是中文的括号但是我不小心写成了英文的括号,所以没有赋上值如果有同样问题的小伙伴,可以看一下你是否也像我一样粗心把细节写错了...
2021-09-09 17:03:11
2540
1
原创 i前端报错‘xxx‘ is not function,但是自己又没写过这个代码
在表单重置的时候遇到了两个报错1.error in callback for watcher “value”:"TypeError:this.forest.selectedodeIds. forEach is not a function2.typeErro:instance.internalValue.slice(…).map is not a function然后自己还没写这个代码,全局搜索也没有,最后问题竟然是把数组写成了字符串,所以才报的错因为是用内网开发,所以没有办法截图,只能照照片,抱
2021-09-08 10:51:37
891
原创 vue3.x的双向绑定事件
1.vue3.x 在组件身上写了v-model=“name”1.1 给子组件传递了一个名称为modelValueprop1.2 给子组件传递了一个名称为update:modelValue自定义事件1.3在触发自定义事件的时候 会自动把触发自定义事件时传递的参数 同步到v-model绑定的数据身上2.实现步骤2.1 子传父 emit(‘update:modelValue’,number)2.2 父传子 watch props.modelValue 一旦发生变化就把最新的值同步到number
2021-05-24 22:23:50
201
1
原创 vue2.0和vue3.0全局指令的区别
vue2.0<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script><div id="app"> <input type="text" v-focus="1+1"></div><script> // 自动聚焦的功能 Vue.directive('focus', { inserted(el, binding) { // 聚焦功
2021-05-23 20:51:28
318
原创 Vue3.X基础总结
文章目录一：选项式api和组合式api的关系是什么？组合式api有什么好处？二：recative可以处理什么数据？三：ref可以处理什么数据？四：ref处理之后的数据使用上有哪些注意点？五：computed计算属性如何使用？六：watch如何实现深度监听？有没有更好的方式？七：provide应用场景是什么？八：provide可以提供哪些数据？九：provide如何模拟vuex？十：setup函数中如何获取真实dom（组件实例对象）？一：选项式api和组合式api的关系是什么？组合式api有什么好处？1
2021-05-13 22:17:51
71
原创 vue3.0开发环境搭建及vue2.x和vue3.x的区别
文章目录一：选择自定义配置二：选择自定义安装版本三：选择3.x版本四：vue2.0和vue3.0的区别1.`package.json`文件里2.main.js入口文件3.打开一个单文件组件查看一：选择自定义配置二：选择自定义安装版本三：选择3.x版本四：vue2.0和vue3.0的区别1.package.json文件里在dependencies配置项中显示，当前使用的版本为3.0.02.main.js入口文件由先前的new关键词实例化，转变为createApp方法的调用形式vue
2021-05-12 21:04:56
330
原创 使用new操作符时，JS内部具体执行了哪些步骤？
1:创建一个空对象：并且this变量引入该对象,同时还继承了函数的原型2:设置原型链 ：空对象指向构造函数的原型对象3:执行函数体 ：修改构造函数this指针指向空对象,并执行函数体4:判断返回值：返回对象就用该对象,没有的话就建一个对象...
2021-05-09 14:42:44
232
原创 VUE中插槽的类型及使用方法
文章目录应用场景应用场景组件的左边内容和右边内容可能会根据使用者的不同显示不同的内容，是不能写死的，我们可以通过具名插槽来做一下内容自定义优化上面我们使用了俩个具名插槽，将来在使用组件的时候，只需要按照对应的插槽名称就可以在特定的位置插入内容，另外注意如果需要根据是否插入内容来作为判断条件，可以使用$slots.插槽名称来获取...
2021-04-29 12:21:47
516
转载 JAVA中23种设计模式之策略模式
文章目录一、策略模式的定义二、策略模式的特点三、策略模式的结构四、策略模式的应用场景一、策略模式的定义该模式定义了一系列算法，并将每个算法封装起来，使它们可以相互替换，且算法的变化不会影响使用算法的客户。策略模式属于对象行为模式，它通过对算法进行封装，把使用算法的责任和算法的实现分割开来，并委派给不同的对象对这些算法进行管理。二、策略模式的特点< 策略模式的优点 >1. 多重条件语句不易维护，而使用策略模式可以避免使用多重条件语句，如 if…else 语句、switch…case
2021-04-22 20:50:23
146
原创 自定义校验规则
validator是固定写法rules:{ 属性名1: [ { validator: function (rule, value, callback) { // rule : 采用的规则 // value : 被校验的值 // callback : 回调 // 如果通过了规则检验，直接调用callback() // 如果没有通过规
2021-04-21 12:20:48
588
原创 VUE中的三元表达式
简单的if - else 判断可以使用三元表达式完成 if (判断条件) { callback() } else { callback(new Error(`错误原因`)) }转换成三元表达式 判断条件 ? callback() : callback(new Error(错误原因`)) 问号后面是成立冒号后面是不成立...
2021-04-21 11:02:44
1336
原创 用css实现圣杯布局（多种方法）
答案(1) :利用定位实现左侧固定右侧自适应1.1) :父盒子设置左边padding值1.2) :给左盒子的width设置父盒子的padding值,然后定位到padding处1.3):右边盒子自适应具体代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE.
2021-04-20 16:59:23
238
2
原创 虚拟DOM
一：概念虚拟dom(VNode) 虚拟：假的，不真实的dom二：真是dom和虚拟dom的区别真实dom虚拟dom区别：真实dom是一个对象，它的属性非常多，在浏览器中做dom操作相对来说，会比较消耗性能虚拟dom是一个对象，它的属性相比于真是dom就比较少 – 用少量的属性来描述一个dom，他无法在浏览器中直接显示三：为什么在vue中会用到虚拟dom有两点好处：1.虚拟dom比真是dom体积小，操作时相对来说消耗性能少。如果在页面要删除一个dom，会不会引起页面重绘？ 会，它很可
2021-04-20 16:57:05
164
原创 点击了登录,如何进入主页
1.点了登录:(1):获取axios实例((基地址从环境变量中获取)(2):获取封装好的接口(3):收集用户的参数,传给第二步中的接口, 页面上收集页面的数据名与接口一样(4):经过请求拦截器,添加请求头(5):代理转发(6):后端服务器要启动,本地数据库也要启动;后端才能收到请求,返回数据(7):经过相应拦截器的处理(8):得到接口调用之后的结果(9):保存token,token做持久化2:页面跳转(路由跳转)(1):全局路由前置守卫.只要有路由变化,当token不为空时,且要访问
2021-04-20 16:29:07
1138
原创 路由和token
一:路由导航守卫白名单: 那些不需要token就可以直接访问的页面.router.beforeEach(回调(三个参数))导肮守卫函数中,一定要调用next()includes:用来判断元素是否在数组中二:路由跳转进度条用插件: NProgresshttps://github.com/rstacruz/nprogressimport NProgress from 'nprogress' // 引入一份进度条插件import 'nprogress/nprogress.css' // 引
2021-04-18 23:59:44
283
原创 网页登录模块(以人资项目为例)
一：样式修改**@**是我们在vue.config.js中设置的一个路径别名,指定src根目录,这样可以很方便的寻找文件如需在样式表中使用 **@别名的时候,需要在@前面加上一个~**符号,否则不识别例:.login-container { background-image: url('~@/assets/common/login.jpg'); // 设置背景图片 background-position: center; // 将图片位置设置为充满整个屏幕}一个单文件组件中,样式
2021-04-18 23:51:46
160
原创 基础环境搭建
一:目录结构小结:src目录：在做项目时，最关注的就是src目录, 里面是所有的源代码和资源非src目录: 一般都是对项目的环境和工具的配置二:main.js入口 → new Vue(vue实例化) ????1.挂载路由-router2.挂载Vuex-store3.全局注册Element4.App.vue根组件三:App.vue根组件入口 → new Vue(Vue实例化) ????挂载路由 - router挂载Vuex-store全局注册
2021-04-18 21:00:37
132
原创 ElementUI基础使用
vue-cli + ElementUI安装使用 {1.安装: npm i elmentui -S: 是--save的简写，表示 这个包是**生产依赖**。 就是项目上线 也要使用的。-S: 是可以省略不写的。如果要安装开发依赖，则要加 -D。2.在main.js中使用 => 快捷键:Ctrl + p (快速定位文件3.在官网上 Ctrl + c , Ctrl + v 操作)}ElementUI常用组件一:table{1.表格2.整体数据是数组,每个元素是对象
2021-04-18 20:45:58
975
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人