
vue
kecanwen
这个作者很懒,什么都没留下…
展开
-
解决 node-gyp和node版本不兼容问题
是node版本的问题,更换node版本为最稳定的14.17.1之后就好了。nvm listnvm install 14.17.1nvm use 14.17.1copy了优快云的文章原文链接https://blog.youkuaiyun.com/weixin_43614380/article/details/117995095此篇文章为了方便自己下次能快速解决类似问题...原创 2021-10-18 17:37:02 · 13769 阅读 · 0 评论 -
如何处理请求返回的二进制数据流转化成xlsx文件?
原创 2021-03-15 19:14:53 · 733 阅读 · 2 评论 -
怎么给vue定义全局方法
一.将方法挂载到Vue.prototype上二.利用全局混入三.使用Plugin通过全局方法 Vue.use() 使用插件。它需要在你调用 new Vue() 启动应用之前完成在Vue官网就教会我们自定义插件的方法:四.写全局函数: ...原创 2020-11-03 17:00:00 · 1216 阅读 · 0 评论 -
如何修改elementUI里面Dialog组件标题的样式
项目的需求是将箭头处的标题设计成UI稿上的样式!然后我发现,代码是这样的,于是去elementUI源码一探究竟:源码实际上是在这一块做了一个 具名插槽然后将我们在父组件中将标题传进来就可以了;那我们在父组件的时候,不传值进来;从父组件中传一个template替换掉这个具名插槽就这样,我们完成了我们想要的效果!...原创 2020-10-29 20:02:01 · 11462 阅读 · 0 评论 -
vue项目的一些需要注意到的细节
1.key的设置在vue中,是不建议我们使用index作为key的,假设现在我们在100个元素的对象中间添加一个属性,此时插入位置后面所有的元素的index都需要加1,vue是只要检测到key发生改变就对该Element进行重新渲染,但是如果我们使用id作为key,无论怎么对数据进行增删改都不会影响其他元素的key,那么就不需要进行多余的重新渲染。key的主要作用在于:虚拟DOM算法时候,在新旧node对比时能够快速定位到相同节点。在某些情况下,vue也可以不使用key,这种就地复用的策略在普通列原创 2020-10-27 13:33:47 · 383 阅读 · 0 评论 -
vue检测不到data里数组里面元素的变化
当前遇到的问题是: 当我们改变data中数组里面是某一个元素,视图不进行更新带着解决这个问题,我们首先来到了vue官方文档:当使用上面的方法对数组进行操作的时候,就会触发视图更新但是现在问题假如我们并不是用这些方法对数组进行操作例如: data(){ return{ arr:[1,2,3] } } ... this.arr[0] = 10那么我们就要深入vue的响应式原理了当我们在data选项中添加一些对象时2我们可以观察到 vue 将对象里的每原创 2020-10-14 20:40:27 · 802 阅读 · 0 评论 -
vue-cli 相同页面的跳转,但路由参数不同的情况下 组件状态没有更新的问题是为什么 如何解决
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成因为是单页面应用所以每次跳转都是在切换不同的组件例如从http://localhost:8088/#/config/form/201012163856507导航到http://localhost:8088/#/config/form/201009174224173可能会发生页面内容不刷新 依旧停留在地址1的内容那这是为什么呢?这两个地址都是用同一个组件,也就是这两个路由都在使用这一个组件,但是组件原创 2020-10-12 19:00:12 · 463 阅读 · 0 评论 -
Vuex State模块化
当应用非常复杂的时候,store对象就会变得非常臃肿。为了解决上面的问题,我们将store分成模块文件目录如下方案一:方案二:状态管理中 state 就相当于 vue中 data属性, getters就相当于vue中的computed属性, mutations,actions就相当于vue中的方法gettergettetr被认为 是计算属性 返回值会作为依赖缓存起来 只有当依赖发生变化时才会重新计算mutationaction模块化import Vue from "vu原创 2020-09-15 19:18:44 · 632 阅读 · 0 评论 -
前端QRCode.js生成二维码插件
填报二维码生成http://code.ciaoca.com/javascript/qrcode/demo/git仓库地址<el-table :data="scenicForm" style="width: 100%" border> <el-table-column label="二维码" width="180"> <template slot-scope="scope"> <div :id="'item_' + scope.row.id"&g原创 2020-09-14 11:20:40 · 986 阅读 · 0 评论 -
js中立即执行函数
//第一种写法(function(){ ...})();//第二种写法(function(){ ...}());立即执行函数的作用!!!这是重点!!立即执行函数只有一个作用!!!就是创建一个独立作用域 这个作用域里面的变量 外面是访问不到的下面是经典面试题可以帮助您更好的理解因为 JS 中调用函数传递参数都是值传递 ,所以当立即执行函数执行时,首先会把参数 i 的值复制一份,然后再创建函数作用域来执行函数,循环5次就会创建5个作用域,所...原创 2020-08-12 17:38:17 · 378 阅读 · 0 评论 -
vue生命周期(列表详解)
beforeCreate中拿不到任何数据,它在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created中已经可以拿到data中的数据了,但是dom还没有挂载。会判断有无el,如果没有el则停止后面的模板挂载。在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。使用场景:ajax请求和页面初始化beforeMount 和 create原创 2020-07-14 16:54:13 · 356 阅读 · 1 评论 -
防抖和节流(白话版)
防抖:第一次触发函数后,不要急着执行,就跟电梯门一样,按下关闭等三秒再关,这个时候还有人进来的时候,重新执行简而言之: 如果电梯关闭时间是3秒,3秒内只要有人进来就重新执行电梯关闭程序节流:触发函数会立即执行,但是这种类似于英雄联盟中大招,按下能立即释放,但是会有CD,我们必须等CD冷却结束,才能按下一次大招简而言之: 按下R键,可以立即放大招,但是只有等冷却结束,才能放下一次大招...原创 2020-07-13 16:33:38 · 195 阅读 · 0 评论