
小白菜vue
那谁家的,小谁
小萌新,小梦想,一颗想成为前端架构师的小白菜
展开
-
vue判断首次进入页面还是页面被刷新进入
mounted(){ if (window.performance.navigation.type == 1) { console.log("页面被刷新!") }else{ console.log("首次被加载!") }}原创 2020-08-27 20:12:18 · 6582 阅读 · 1 评论 -
element使用笔记
element_ui会用到el-dialog做为弹窗,但这个弹窗的宽度默认为50%。因项目中需要调整弹偿的宽度,需要设置其属性。 尝试过程如下:方法3: 最终我在el-dialog增加了一个customClass, 设置如下: <el-dialog customClass="customWidth" title="日志" v-model="dialogFormVi...原创 2020-03-12 14:15:39 · 275 阅读 · 0 评论 -
Vue动态添加title兼容微信ios
ios 微信端是window.onload才触发document.title的修改,这里增加一个iframe做缓冲触发onload事件,触发后移除onload事件,清除iframe组件。 created:function(){ document.title="你的标题"; var iframe = docu...原创 2019-12-13 10:39:39 · 445 阅读 · 0 评论 -
VUE项目配置UEditor集成秀米编辑器
UEditor集成秀米编辑器一、下载Ueditor相关静态文件存放位置去Ueditor官网下载相关资源(本文下载的1.4.3.3版本):下载之后,把资源放到 /static/ueditor/ 目录下。文档结构如下:二、 在main.js中全局引入需要的文件三、在index.html引入秀米配置文件四、创建一个 ueditor.vue 组件五、在项目中的...转载 2019-11-27 15:06:17 · 2418 阅读 · 0 评论 -
vue无法取methods中的return值
vue作用域,无法取到methods方法中return的值,使用callback代替methods: { getData:function(send){ $.ajax(send){return data;} }, checkData:function(){ var Data = this.ge...原创 2019-11-25 16:09:24 · 9293 阅读 · 0 评论 -
VueJS 的VNode
概述VueJS的虚拟DOM是基于开源Snabbdom的。使用虚拟DOM的好处前端发展很多年,直到出现了虚拟DOM,才可以从操作DOM解脱出来。JQuery的出现,简化了操作DOM的过程,但是还是摆脱不了操作DOM。而虚拟DOM的目的是,使用虚拟节点代替真实节点,所有操作都发生在虚拟节点,然后通过diff算法对比新旧两棵虚拟DOM,计算出更新真实DOM的最少操作,由框架代替用户执...转载 2019-07-23 07:35:09 · 1536 阅读 · 0 评论 -
键盘挡住输入框解决办法
为什么? 为什么要随时监测屏幕大小,这是因为我们在手机端的时候,常常会遇到这样的问题:当点击输入框的时候,手机的键盘就会自动浮现,它会使得页面的可视示高度(document.body.clientHeight)发生变化。而我们的输入框就被可怜的遮挡在小键盘后面怎么办?方法1 我们不知道小键盘何时会出现,但有一点是可以确定的,当小键盘出现的时候,body的可视区域一定为发生变...转载 2019-07-19 15:39:34 · 9301 阅读 · 0 评论 -
vue组件级路由钩子函数
vue组件级路由钩子函数(beforeRouteEnter/beforeRouteUpdate/beforeRouteLeave)beforeRouteEnter(to, from, next):进入路由之前执行的函数,写在组件里可根据路由进行页面判断或传值。beforeRouteLeave(to, from, next):离开路由之前执行的函数,可用于页面的反向传值,页面跳转。...转载 2019-05-05 20:32:20 · 3608 阅读 · 0 评论 -
VUE 知识笔记
1、active-class是哪个组件的属性?嵌套路由怎么定义?vue-router模块的router-link组件。2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?在router目录下的index.js文件中,对path属性加上/:id 。使用router对象的params.id3、vue-router有哪几种导航钩子?三种,一种是全局导航钩子:router.be...转载 2019-04-12 11:03:08 · 188 阅读 · 0 评论 -
Vue mutation action
原文链接https://www.cnblogs.com/SamWeb/p/6543931.htmlvuex2.0 基本使用(2) --- mutation 和 action 我们的项目非常简单,当点击+1按钮的时候,count 加1,点击-1按钮的时候,count 减1.1, mutation The only way to actually change state in...转载 2019-04-12 10:38:29 · 823 阅读 · 0 评论 -
vue.extend和vue.component
原文链接https://blog.youkuaiyun.com/dkr380205984/article/details/80116024 (1)extend组件构建器 个人描述:暂时还没有挂载到dom文档流中的一个组件说明 (2)component 组件注册器 个人描述:我也不需要挂载到dom文档流中,我也还是一个说明<div id="mount-point"...转载 2019-04-02 21:32:51 · 1843 阅读 · 0 评论 -
VUE兄弟组件传值
1、兄弟之间传递数据需要借助于事件车,通过事件车的方式传递数据2、创建一个Vue的实例,让各个兄弟共用同一个事件机制。3、传递数据方,通过一个事件触发bus.$emit(方法名,传递的数据)。4、接收数据方,通过mounted(){}触发bus.$on(方法名,function(接收数据的参数){用该组件的数据接收传递过来的数据}),此时函数中的this已经发生了改变,可以使用箭头函数...转载 2019-04-01 19:47:07 · 295 阅读 · 0 评论 -
VUE keep-alive组件
原文连接https://www.cnblogs.com/sysuhanyf/p/7454530.html<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。<keep-alive>包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和<transition>相似,<keep-alive...转载 2019-04-01 19:29:17 · 119 阅读 · 0 评论 -
Vue 实现原理
原文链接https://blog.youkuaiyun.com/qq_18956907/article/details/80047905参考链接MVVM的实现方式传统的MVC中通过发布订阅来进行数据和视图的绑定监听 angular1.x中通过脏值检测来实现MVVM模式 目前主流Vue的模式:数据劫持 Object.defineProperty、发布订阅 ES6中的新特性Proxy和Refle...转载 2019-04-04 21:29:01 · 153 阅读 · 0 评论