![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
带着聊考的牛马
这个作者很懒,什么都没留下…
展开
-
针对vue的v-model绑定的props对象,组件值修改视图不更新粗暴解决方案。
但是同事的这种方案,先不说好坏,但是必然会带来一个问题,就是子组件的值不能及时响应。一般针对父组件需要收集子组件的值,比较常用的值收集方式,通过。接手组里同事写的代码,发现组件逻辑是这么写的。原创 2023-05-30 16:38:14 · 2057 阅读 · 0 评论 -
Vue-单向数据流
原创 2022-04-16 21:55:15 · 372 阅读 · 0 评论 -
vue-element-ui-分页用法
文章目录一、element-ui-分页一、element-ui-分页官方文档:https://element.eleme.cn/#/zh-CN/component/pagination场景:当一个页面中会有多个tab页,每个tab都是一个列表数据,那就存在分页组件。问题产生:因为是同一个页面,所以会公用一个分页组件,这就会产生一个问题,点击前一个tab页,点击分页,再点击第二个tab页的时候,分页依旧停留在第一个tab的分页当前页。解决方案: 重新设置当前页具体实现方案:原创 2021-07-16 21:51:06 · 724 阅读 · 0 评论 -
vue-public文件夹
文章目录一、vue-public文件夹的认识一、vue-public文件夹的认识任何放置在 public 文件夹的静态资源都会被简单的复制,而不经过 webpack。你需要通过绝对路径来引用它们。注意我们推荐将资源作为你的模块依赖图的一部分导入,这样它们会通过 webpack 的处理并获得如下好处:脚本和样式表会被压缩且打包在一起,从而避免额外的网络请求。文件丢失会直接在编译时报错,而不是到了用户端才产生 404 错误。最终生成的文件名包含了内容哈希,因此你不必担心浏览器会缓存它们的老版本。转载 2021-07-07 15:31:06 · 14075 阅读 · 7 评论 -
vue-axios-重复请求的优化
文章目录一、vue-axios-重复请求的优化一、vue-axios-重复请求的优化背景项目上线之后,经常会接受到客户反馈说:点击这个那个提交按钮报错了,排查原因结果发现,在相差毫秒级的时间里,请求提交了两次,导致了异常。原因多方面的原因:我们知道页面按钮被点击是有一定的延迟时间的,只要在这延迟时间内,多次点击就会产生多次请求,比如移动端的300ms延迟。事件混乱造成的,比如事件叠加解决方案思路:我可不可以把每次请求先存在一个地方,下一次请求到缓存的地方去比原创 2021-01-17 11:24:56 · 722 阅读 · 0 评论 -
vue-this.$nextTick
文章目录一、this.$nextTick-现象及原因二、this.$nextTick-应用场景一、this.$nextTick-现象及原因作用:this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。案例:<div>$nextTick:</div><div ref="msg">{{msg}}</div><div v-if="msg1">msg1 $nextTick: {{原创 2020-12-24 15:16:54 · 152 阅读 · 0 评论 -
vue-element-ui-导航栏(NavMenu)用法
文章目录一、vue-element-ui-导航栏(NavMenu)用法一、vue-element-ui-导航栏(NavMenu)用法需求一:三级级联菜单开始实现:参考官方组件文档:https://element.eleme.cn/#/zh-CN/component/menu发现一个问题: 解决方案:首先动态赋值将所有的index=都写成:index=菜单肯定是在数组中的,循环的时候,我们可以利用数组的下标,来进行拼接// 例如 先将下标转成字符串,再使用原创 2020-08-09 23:41:57 · 11491 阅读 · 3 评论 -
vue-element-ui-文件上传ts版
文章目录一、vue-element-ui-文件上传组件【Upload】ts版一、vue-element-ui-文件上传组件【Upload】ts版场景在vue的项目中引用了element-ui,使用其上传文件的ui组件,调用后端接口,完成本地文件文件上传官网解释https://element.eleme.io/#/zh-CN/component/upload重点是官网下的属性参数实现注册Upload的UI组件页面部分<template> <原创 2020-07-23 14:57:12 · 1068 阅读 · 0 评论 -
vue-ts版生产环境屏蔽日志
文章目录一、vue-ts版生产环境屏蔽日志1. 场景2. 解决方案一、vue-ts版生产环境屏蔽日志1. 场景我们都知道,随着开发的调试,我们需要在前端业务逻辑的代码中打印各种接口返回或者逻辑处理的过程日志。通过这些日志来帮助我们验证业务功能是否正常实现,是否存在bug,即使出现问题,也能快速定位问题,解决问题。但是在生产环境中,项目属于发布外网,如果再开放这些日志,很明显不合适。别有用心的人,看到你这些打印的数据,进行破坏性操作,造成系统运行崩溃都是有可能的,那就需要我们在生产上就行日志屏蔽,在开发原创 2020-06-27 09:35:58 · 552 阅读 · 0 评论 -
vue-组件传值方式-非父子组件传值解决方案-js版
文章目录一、vue-组件传值方式-非父子组件传值解决方案-js版1. 非父子组件传值-方式一【事件总线】2. 非父子组件传值-方式二【$attrs/listeners】3. 非父子组件传值-方式三【vuex】一、vue-组件传值方式-非父子组件传值解决方案-js版1. 非父子组件传值-方式一【事件总线】场景:事件总线步骤一:建立一个公共的js文件,专门用来传递消息。// bus....原创 2020-03-09 13:17:25 · 2374 阅读 · 19 评论 -
vue-组件传值方式-父子组件传值解决方案-js版
文章目录一、vue-组件传值方式-父子组件传值解决方案-js版1. 父子组件传值-方式一 【props / $emit 】2. 父子组件传值-方式二 【$parent/ children 】3. 父子组件传值-方式三 【$ref 】一、vue-组件传值方式-父子组件传值解决方案-js版1. 父子组件传值-方式一 【props / $emit 】父传子:场景:实现方式:父组件绑定属性,子组...原创 2020-03-09 09:31:42 · 1494 阅读 · 1 评论