![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
何极光
何程龙,大学计算机科学与技术专业毕业,现就任前端开发工程师。曾荣获:CSDN博客专家、签约讲师,InfoQ写作社区专家博主,中国开源协会-开发分会管理委员会委员。现主要从事软件开发及软件教育培训,具有丰富的实战经验,善于将复杂问题简单化,擅长Web前端、JavaScript框架、Java并发、C#编程、Python Web、数据库SQL等领域及技术。
展开
-
Vue常用时间处理(分钟转小时以及等待时长)
【代码】Vue常用时间处理(分钟转小时以及等待时长)原创 2023-09-19 16:09:36 · 637 阅读 · 0 评论 -
解决vue3 mitt路由跳转后 on事件获取不到值的奇葩问题解决
在Vue升级到3.0版本后,prototype属性就被取消了,所以我们不能再使用Vue2中的Vue.prototype.$bus=new Vue()的方式来使用全局事件总线。在Vue3中,推荐使用mitt这一三方库来帮助我们实现全局事件总线。原创 2023-09-06 17:01:11 · 2110 阅读 · 0 评论 -
el-date-picker 禁止选择当前年之前或者之后的年份
【代码】el-date-picker 禁止选择当前年之前或者之后的年份。原创 2023-09-06 16:56:21 · 1770 阅读 · 0 评论 -
Vue利用bignumber.js 解决精度
【代码】Vue利用bignumber.js 解决精度。原创 2023-08-02 08:45:01 · 1413 阅读 · 0 评论 -
Vue3 element-plus表单嵌套表格实现动态表单验证
rules对应data rules对象,prop对应表单字段(注意是表格里每一行对应的字段 forms.tableData[下标].key)prop的关键就在于下标 $index。原创 2023-08-01 15:07:56 · 7198 阅读 · 4 评论 -
vue3 my-cron-vue3插件的使用
这是一个cron表达式生成插件,基于vue3.0与element-plus实现。原创 2023-07-14 10:30:00 · 1780 阅读 · 8 评论 -
解决Flexbox布局在缩小尺寸时会丢失比例
允许弹性项目缩小超过其内容使用min-width: 0(行方向)、min-height: 0(列方向)或overflow: hidden(其他值也有效,除了visible)。这意味着,默认情况下,允许 flex 项目缩小到任何定义的width,height或之下flex-basis。这意味着,默认情况下,弹性项目不能小于其内容的大小(无论flex-shrink或flex-basis)。flex 容器的初始设置是flex-shrink: 1.解释:需要考虑以下两个概念。原创 2023-07-03 17:43:31 · 325 阅读 · 0 评论 -
Vuex持久化插件(vuex-persistedstate)
利用vuex-persistedstate,解决刷新数据消失的问题。对于Vue中不同组件间的数据通讯,可以使用Vuex做数据存储,让各组件共享状态。Vuex优势:相比sessionStorage存储数据更安全,sessionStorage可以在控制台被看到。Vuex劣势:在F5强制刷新页面后,Vuex会重新更新state,所以,存储的数据会丢失。Vuex作为全局的状态管理,但页面刷新后数据会丢失,显然这样很不好。为了解决这一问题,我们可以结合本地存储或者使用插件。原创 2023-05-16 18:03:20 · 1761 阅读 · 0 评论 -
el-table单元格的值设置不同的td背景颜色
el-table单元格的值设置不同的td背景颜色原创 2023-02-14 16:10:04 · 655 阅读 · 0 评论 -
ele自定义弹框,包含VNode
ele自定义弹框,包含VNode。原创 2023-01-19 08:46:57 · 199 阅读 · 0 评论 -
解决echarts使用v-show页面缩成一团问题
图表默认是隐藏状态,初始化图表的时候因为获取不到容器的实际高宽,绘制失败,需要重新获取容器的宽高再进行绘画。解决方案:切换方法中加入以下代码。原创 2023-01-12 16:10:08 · 889 阅读 · 0 评论 -
解决el-input-number只能输入整数
只需要添加属性 precision 即可。原创 2022-11-16 11:59:25 · 6719 阅读 · 0 评论 -
实现Echarts随着浏览器屏幕自适应缩放
如果echarts不做大小自适应的话,屏幕放大缩小是不会让实例自适应的,此时我们可以根据浏览器自带的监听屏幕事件window.addEventListener(‘resize’,function(){})这个方法,结合echarts官网中的chart.resize()方法。其原理是浏览器监听屏幕大小变化,执行echarts中的chart.resize()方法。只要屏幕尺寸发生改变,echarts实例会紧跟着同比例放大缩小。原创 2022-11-15 15:45:07 · 3105 阅读 · 0 评论 -
Vue路由懒加载
1、vue异步组件实现路由懒加载component:resolve =>([ '需要加载的路由的地址' ,resolve ])2、es提出的import(推荐使用这种方式)const HelloWorld = () => import('需要加载的模块地址')一、为什么要使用路由懒加载为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。二、定义懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载。三、使用。原创 2022-10-30 17:13:07 · 8170 阅读 · 0 评论 -
前后端数据传递之form-data
前后端接口数据联调有一种form-data形式,一般用来做文件上传,但是有时在登录的时候,也会用到这种格式传递数据,此时就需要通过借助FormData对象实现。原创 2022-10-27 20:41:58 · 5791 阅读 · 0 评论 -
Vue中的@blur和@focus事件
blur 是当元素失去焦点时所触发的事件,@focus是元素获取焦点时所触发的事件。原创 2022-10-27 11:30:42 · 7645 阅读 · 0 评论 -
vue使用Dayjs计算常用日期
推荐一个轻量的处理时间和日期的 JavaScript 库:dayjs原创 2022-10-25 17:52:50 · 2846 阅读 · 0 评论 -
vue内置组件component
component是vue的一个内置组件,作用是:配合is动态渲染组件。通常在tab页切换,多操作页面等中使用。当相互切换时,其中的一个组件被销毁。所以,当两个组件进行状态切换时,组件的状态是:不断的创建与销毁的过程。如果要把组件缓存下来,可以在动态组件上使用vue另一个内置组件keep-alive。接下来,我们研究一下组件的执行顺序,分别在父子组件中添加mounted函数。如果对两个组件分别添加beforeDestroy生命周期函数。原创 2022-10-25 17:28:26 · 1076 阅读 · 0 评论 -
浅谈Vue中的v-bind指令
1、什么是v-bind指令在企业开发中如果想要给“元素”绑定数据,我们可以使用{{}},v-text,v-html,但是如果想给“元素的属性”绑定数据,就必须使用v-bind,所以v-bind的作用是专门用于给“元素的属性”绑定数据。2、v-bind格式v-bind:属性名称 = “绑定的数据”:属性名称 = “绑定的数据”3、v-bind特点赋值的数据可以是任意一个合法的JS表达式,例如::属性名称 = “age+1”4、举例<!DOCTYPE html><html原创 2022-03-01 22:08:14 · 1379 阅读 · 0 评论 -
vue常用指令
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> [v-cloak]{ display: none; } </style><!-- 导入vue文件--> <script src="./js/vue.js" typ原创 2022-03-01 19:33:22 · 364 阅读 · 0 评论 -
浅谈MVVM模式和MVC模式
MVVM模式Model:负责数据存储View:负责页面展示View Model:负责业务逻辑处理(例如Ajax请求等),对数据进行加工后交给视图展示MVC模式(设计模式,前后端都有模式存在)Model(模型)=> 数据(js变量)View(视图)=> 用户所见界面(HTML、CSS)Control(控制器)=> 如何根据视图与用户交互后改变数据(通过DOM对象绑定事件,将变量进行修改)...原创 2022-03-01 19:13:23 · 287 阅读 · 0 评论 -
Vue模板语法
一、Vue模板语法Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。二、插值1. 文本数据绑定最常见的形式就是使用{{...}}的文本插值:<div id="app"> <p>{{ message }}<原创 2021-06-17 21:18:13 · 386 阅读 · 0 评论 -
初识Vue框架
文章目录一、Vue是什么二、Vue的安装1. 独立版本2. 使用CDN方法三、Vue起步一、Vue是什么Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。二、Vue的安装1. 独立版本在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。2. 使用CDN方法原创 2021-02-24 14:52:45 · 556 阅读 · 1 评论