![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue
ErikChan.hk
深耕前端(Vue, React)、磨练服务端(Go、Java)、向往嵌入式(计组、操作系统)、膜拜编译原理
展开
-
Object.defineProperty和Proxy
Vue3.0中,van You 放弃了Object.defineProperty,加入了Proxy来实现数据劫持,那么这两个函数有什么区别呢?本文深入的剖析一下两者的用法以及优缺点,相信看文本文你也会理解为什么Vue会选择Proxy。认识 defineProperty 及其缺陷Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。// obj:要定义属性的对象。// prop:要定义或修改的属性的名称。// descript原创 2022-03-13 20:55:18 · 1773 阅读 · 0 评论 -
Js promise 的使用
Javascript 中的 Promise 对象,可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise 对象提供统一的接口,使得控制异步操作更加容易。Promise 创建var promise = new Promise(function(resolve, reject) { // 异步处理 // 处理结束后、调用resolve 或 reject});实例返回 Request 请求结果function getIp() { return原创 2022-02-11 18:42:37 · 304 阅读 · 0 评论 -
SpringBoot + VUE 解决 后台的 session 的 null 的问题
问题原因前端跨域访问后端接口, 在浏览器的安全策略下默认是不携带cookie的, 所以每次请求都开启了一次新的会话.在后台打印sessionID我们会发现, 每次请求的sessionID都是不同的, 既然每次请求都是一个新的会话, 那我们去获取session的时候自然就是null了.前端处理在 vue 中所有引入 axios 的地方添加如下代码,允许跨域携带cookieimport axios from 'axios'axios.defaults.withCredentials = true原创 2021-08-24 13:52:53 · 1217 阅读 · 0 评论 -
el-input 不能输入的解决办法
问题背景ElementUI 是国内前端工程师应该都听过或者使用过的前端框架, 不是使用简单,而且有着详细的文档和 API。然而,在使用 el-input 这个标签时,我遇到了一些困扰,有些情况下在 el-input 是无法输入的,就像是被禁止了一样,经过多番查找资料和查看官方文档,总结出以下解决办法,希望能给路过的前端工程师们一些参考解决办法场景一:标签嵌套太深如果标签嵌套太深,会导致无法获取到 DOM,这是我们需要 $forceUpdate() 强制刷新,才可获取<el-input原创 2021-08-11 21:33:53 · 24951 阅读 · 6 评论 -
el-select 设置为可手动输入
el-select 设置为可手动输入问题引入在使用 element-ui 的下拉框组件时,遇到枚举的数据不能满足需求的情况,于是需要用户可以手动输入添加到列表中。问题解决element-ui 考虑到了这个需求,参考 element-ui el-select 组件文档:https://element.eleme.cn/#/zh-CN/component/select可知,添加 allow-create 属性,即可满足这个需求,前提是需要和 filterable 配合使用总结在遇到类似问题时,多原创 2021-03-01 13:47:14 · 3208 阅读 · 0 评论