
VUE
文章平均质量分 67
VUE+常见的ui库的操作
麦秸垛的守望者
公司永远只会为你的苦劳喝彩,为你的功劳付薪!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
实现一个自定义的vue脚手架
我们的目的是,当我们输入 wlm的时候 执行的是node index.js 这句话即可实现我们想要的效果原创 2022-11-24 22:45:00 · 1529 阅读 · 0 评论 -
兼容vue2和vue3版本的插件实现过程
vue2升级vue3中很多插件是单独进行使用的,但是项目进行升级的时候如果直接进行项目的全部重构工作量是很大的,当然这篇文章解决不了这个终极问题,这里只是分享创建一个可以支持vue2和vue3插件的实现过程。原创 2022-09-06 23:00:00 · 3372 阅读 · 0 评论 -
nextTick的使用场景和基本用法
写在前面这篇文章有点划水,因为只是讲了一个vue里很简单的一个知识点,但是还是要写,因为vue的知识点还是要写完的,趁着这几天不上班,将之前欠下来的知识点全部补充上来,后面可能就不再更新关于vue2.0的东西了,今天这篇文章写的是关于vue中nextTick的使用以及他的使用场景和他的作用使用场景和作用nextTick是vue提供出来更新视图之后回调的函数,也就是说我们在操作dom更新视图的时候,由于vue的视图渲染是异步的,可能会导致一些视图已经更新了,但是我们获取到的视图数据信息不是最新的,原创 2022-05-20 23:30:00 · 3477 阅读 · 1 评论 -
简化代码操作-文件上传组件封装
最近一直在写关于angular的教程,但是因为一直没写到自己比较满意的一个状态,所以就先放到草稿箱里面吧,等我写的差不多以后再发出来,但是一直没有进行文章的更新也挺烦的,所以给大家封几个组件吧,简化大家的代码,今天从文件上传开始吧!后续我会更新别的一些组件封装的代码,你们希望哪些组件封装的可以留言,说清楚基于什么ui库即可!原创 2021-12-31 23:45:00 · 683 阅读 · 0 评论 -
vue+elementUI中select怎么绑定对象
写在前面最后还是忘记了,一个重要的点,以为写完了,都开始着手写react的教程了,好家伙,一个问题给我打回原形,粉丝们问发什么什么事了,原来是csdn博客里面的一个问题,我说select中绑定的值和你选择的值是一一对应的,你绑定了一个值就可以,对应的项element会直接帮你反显出来,这么是没有问题的,但是他满足不了很多的业务情况, 比如下面的例子!效果展示效果描述比如说我选择了一个中国,那么我希望的是拿到关于中国的所有的基本信息,名称,所属的大洲,人口等信息,那我们知道,一般情况下我们都是原创 2021-04-08 14:16:11 · 1079 阅读 · 0 评论 -
vue生命周期图解
vue生命周期图解画图不易-转发请署名原创 2021-04-06 14:49:22 · 1003 阅读 · 0 评论 -
vue项目配合wowjs使用时常见的问题总结
写在前面wowjs地址这里先简单的说一下,这个js是用来做动画的,最常用的场景是公司的官网,可以做的相对比较炫酷,他其实就是封装了animate.css的动画进行一些操作,他的使用官方给的demo完全够用,包括和vue在一起使用的过程也很全,但是和vue在一起使用的时候很多的坑,所以今天这篇文章就是为了将和vue一起使用的坑填满!vue中引入npm install wowjs --save-dev这里简单的说一下,这里我们引入了wowjs以后,animate.css已经安装了,我们完全可以不原创 2021-02-26 09:16:54 · 1120 阅读 · 1 评论 -
[Vue warn]: Avoid mutating a prop directly...
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value.中文:[Vue 警告⚠...原创 2019-11-12 14:43:00 · 7074 阅读 · 0 评论 -
vue常见错误:Invalid prop: type check failed for prop “data“. Expected Array, got Object
错误截图错误分析这个错误的意思是说:无效的命名数据:“数据”类型检查失败。期望数组,得到对象,那么我们这个时候很明白了,是类型不对,但是是哪一行的呢?打开错误信息下面的详情,这个时候找到后缀是自己页面的.vue文件,看看是哪一行,就知道问题在哪了!下面的是我的:warn @ vue.esm.js?efeb:610assertProp @ vue.esm.js?efeb:1691vali...原创 2019-05-28 09:59:49 · 202167 阅读 · 22 评论 -
动态获取新增的数据+项目实例介绍
效果演示:ok,我们一般做项目的时候会经常遇到这样的情况,就是数据是不停的新增的,但是数据我们也是需要实时获取的,这个时候我们需要的是将数据实时的拿到,或者是用户停止操作的时候我们将数据点击发布或者是一个操作的按钮将数据传递给后端。这是一个真实的例子,但是没有做美化,包括提示信息也是没有做任何的美化的,包括里面的ajax也去掉了。不过这些都不重要,重要的是我们可以看效果,拿数据。我们看h5代码:&...原创 2018-05-21 16:45:22 · 425 阅读 · 0 评论 -
vue环境搭建过程记录
写在前面最近辞职了,忙着找工作一直没有时间更新一下自己的博客,但是学习还是不敢停滞的,毕竟祖国尚未强大,作为同志的我还是需要努力的,嗯,其实一直在学习vue啊,只是一直觉得没学到精髓,只是学到一些皮毛,之前自己也尝试的写过vue的一些文章,但是其实我也是自己摸索的看,不是特别的理解其中的设计思想,所以怕误人子弟,就把之前写的vue的几篇文章删除了,那么今天我会把关于vue的一些知识更新一下,目...原创 2018-11-09 11:41:35 · 559 阅读 · 1 评论 -
vue-项目对axios进行封装
需求描述我们在做vue项目的时候,经常会遇到一个问题就是我们的请求需要加请求头,或者还不是一个请求头的情况,那么其实我们可以使用比较原始的办法,直接在我们写的时候就直接加上请求头,这样可以避免后期加不上的情况,但是有下面两种情况是我们很无奈的,第一是请求头信息改掉了,第二是开始的时候没有加,但是后面要求我们加上的时候,这两种情况如果我们的请求比较少的时候还是可以接受的,但是如果多的时候就比较恶心...原创 2019-08-06 22:34:42 · 558 阅读 · 0 评论 -
vue项目获取URL参数
业务场景描述做微信公众号的时候我们经常会遇到一个问题,就是我们需要进行简单的身份认证,也就是我们需要拿到公众号登录成功以后的code,其实这个code是为了获取登录者的openid用的,每次获取到的code是不一样的,其实我们做开发的时候我们是在微信的后台配置里面将code配置在url中的,在进行一次微信的转发以后直接就可以在url中拿到code,这个其实在之前的jquery中是写过了怎么获取的...原创 2019-09-12 15:30:08 · 4159 阅读 · 7 评论 -
vue实现全局函数以及生成md文档目录和html文件
文章目录vue实现全局函数以及生成md文档目录和html文件vue中写全局函数新建一个log.js文件main.js中引用页面使用md说明文档vue实现全局函数以及生成md文档目录和html文件vue中写全局函数业务介绍:在前面的文章中我们介绍过如果在vue项目中创建一个全局的变量,以便于我们处理一些公共的参数,作出相应的改变与取值,喜欢的可以看一下:vuex的使用,那么其实我们在写项目的...原创 2020-01-01 01:40:06 · 1710 阅读 · 0 评论 -
Vuex的实战使用
vuex的实战使用写在前面我是一个看技术的文档不喜欢官方的人,觉得官方写的任何东西都是比较正式的,让人有点不想看的赶脚,我这里也不贴官方的那个图了,这里也不解释了(其实是我也不想研究)所以我一般都是百度一些别人的经验之谈,看别人的经验之谈可以让你少踩一些坑,而且是可以直接看到效果的,所以这里也是,我们不按照官方的来,那么有利有弊,利就是好理解,弊就是可能写的不够专业,会让一些人误会,总之我权...原创 2019-10-29 18:57:17 · 2227 阅读 · 9 评论 -
搞明白activated和deactivated
文章目录写到前面什么是activatedactivated解决了一个什么问题Demomain.vueassembly1(组件1)assembly2(组件2)执行结果要点速记个人建议写到最后写到前面今天简单的将activated讲一下,前面有人问了,既然有问的,说明还有人不是很明白的,这里就说一下吧!什么是activated首先要确定一个点就是他也是属于vue生命周期中的一个,为什么我们平常说的生命周期没有它呢?我们平常说的生命周期就是created,update,mounted,destory原创 2021-02-07 09:48:11 · 6990 阅读 · 3 评论 -
vue动态组件的用法
前文今天写一篇关于vue组件的扩展用法, 之前将一些基本用法已经写过了,没有看过的可以自行找一下,今天要写的是一片关于vue 官方给的动态组件的一种用法,其实这个用法的使用场景使用基本组件也是可以胜任的,只是既然有这样一种写法的存在,我们还是需要实现一下,网上呢关于他的用法写的也有很多,我一般写的文章都是最基础的使用方法,没有一些花里胡哨的写法,所以很容易看得明白!废话不多说,上代码目录结构childA<template> <div> {{msg}} &原创 2020-10-11 12:09:24 · 714 阅读 · 0 评论 -
VUE组件传值案例讲解
写在前面好吧我承认我疏忽了,我一直以为我的博客是将vue的一些常见操作全部写完了的,但是直到我写组件的时候突然想起来看一下自己写的博客是不是有问题的才发现,组件之间的传值竟然一直没动过,好吧,我承认我自卑,我真的很怕黑,每当夜晚来临的时候我都很狼狈…咳咳,放错了,不好意思,我承认我忘了,我真的很劳累,每当粉丝问问题的时候我都慌的一批(以为哪里又又又又误人子弟了)…吓得我赶紧写个例子给你们,开整…搞明白谁是“父”谁是“子”没写之前呢先搞明白一个问题,组件引用的时候到底谁是老子,谁是儿子,被打的是儿子,原创 2020-07-28 09:05:40 · 1325 阅读 · 0 评论 -
VUE导出文件到EXCEL表格实例演示
写在前面最近项目比较多,没太多时间更新博客,见谅、见谅、见谅!!!今天更新一片老生常谈的功能,导出数据到excel表格中,照例我还是会将源码放到这里gaojizu,感兴趣或者需要的可以直接clone就可以了!这个项目可以关注一下, 我会持续更新的,里面有很多使用的vue小功能,相信你们会用到的,不要白嫖,给我的git点个关注不过分吧!效果预览导出成功导出的EXCEL源码:<template> <div> <el-button id="btn" t原创 2020-07-01 11:49:23 · 1655 阅读 · 3 评论 -
vue的阻止事件冒泡.stop的使用场景
什么是事件冒泡说人话就是你点击了一个东西,但是同时触发了这个东西所依附的东西,说的比较官方的话就是如果子元素和父级元素触发的是相同事件的时候,当子元素被触发的时候父元素也会被触发冒泡机制,这就是冒泡的基本原理有多恶心举个例子,你在一个span或者一个什么元素上面写了一个事件,这个时候你准备点击这个元素的时候展示给你的女朋友一个好看的画面,然后这个元素上面还有别的按钮,这个时候你希望的是你的对象点击按钮没有任何的反应,只有点击除了这个按钮之外的地方才出现这个好看的页面,结果你没有考虑冒泡事件,写好了,原创 2020-05-28 07:19:29 · 1037 阅读 · 0 评论 -
bootStrapTableJs 怎么引入VUE进行做项目
写在前面今天写一个表格神器,之前我没有用过,是一个博友问我的时候我去看了一下,觉得很不错,今天分享一下,只有写demo,给源码才能得到你们的心,哎,太难了!bootStrapTableJs介绍首先这是一款处理表格的js,我们如果写element习惯了会发现其实表格的处理是业务中相对简单的,他没有什么很强的交互,就是拿到数据,按照头部和body对应起来就可以了,更新什么的也是没关系的,因为毕竟...原创 2020-04-30 16:00:07 · 2817 阅读 · 1 评论 -
mixins的实用案例和常见问题
文章目录mixins介绍mixins局部使用和使用同名钩子函数的执行顺序看源码:执行结果:结果分析mixins函数覆盖问题看源码执行结果结果分析mixins变量替换合并问题看源码执行结果结果分析全局引用mixin新建一个mixinjsmain.js注册组件直接使用执行结果写到后面mixins介绍官方链接说人话就是vue给我们提供了一种更加灵活的实现业务实现逻辑的方式。mixins局部使...原创 2020-03-10 13:40:03 · 934 阅读 · 0 评论