![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue学习
文章平均质量分 52
林_xi
记录零碎知识,缓慢进步中...
展开
-
网页增加水印覆盖
前端 水印 web页面 增加水印 vue中增加水印功能 到手即用 水印js原创 2023-02-20 16:40:16 · 377 阅读 · 0 评论 -
Jenkins 打包 Vue 项目报错
vue Jenkins 打包报错 vue vue-template-compiler 版本 不一致原创 2022-10-27 10:35:42 · 1655 阅读 · 0 评论 -
在vue文件的HTML结构里面使用moment方法报错
记录一下之前一个简单的小问题,今天又重新遇到,差点忘记了怎么解决。一开始想使用moment的时候,直接照着思路,先import进来,然后在template里面的使用,但是这样子会报个错误说是未找到moment这个方法,那么问题来了,我都已经import进来了为啥在template里面为啥不可以使用,我个人认为,这个应该类似import组件一样,组件被import进来后,必须在compo...原创 2019-09-02 16:42:48 · 5843 阅读 · 4 评论 -
vuex 多模块时 模块内部的mutation和action的调用方式
vue在做大型项目时,会用到多状态管理,vuex允许我们将store分割成多个模块,每个模块内都有自己的state、mutation、action、getter。模块内还可以继续嵌套相对应的子模块。为了巩固我自己对store多模块的一些基本认识,写了个简单的多模块实例,下图为我自己创建的store的目录结构,modules文件夹内的模块,在实际项目中还可以继续分开类似store目录下的多文件结...原创 2019-03-31 22:56:45 · 18800 阅读 · 1 评论 -
vue中 computed和watch的一些简单理解(区别)
今天看到一个问题,就是vue的computed和watch要在哪些场景下使用,其实也就是在问他们的区别。computed也就是计算属性,它可以帮助我们将在模板中的一些稍微复杂的逻辑计算放回到js代码中,方便理解与修改维护;就拿官网给的例子,如下代码片段。<div id="example"> {{ message.split('').reverse().join(...原创 2019-03-19 16:51:53 · 25984 阅读 · 7 评论 -
改造一下上次vue的loading插件
上一次我们将loading组件封装成了插件,基本上使用起来并没有多大问题,刚好足够使用。我们现在来稍微改造一些这个loading插件,实现一个简单的功能,使之能够延迟关闭loading这个浮层。 目前这个插件我们只能够this.$vLoading.show()和this.$vLoading.hide()这两个方法,若是想要其实现延迟关闭,我们需要在hide这个方法...原创 2019-01-12 22:56:45 · 927 阅读 · 0 评论 -
vue swiper 滑动切换slide时,导致setInterval卡顿,附带解决方法
具体现象如下图,可以看到,每次滑动slide或者通过导航箭头切换slide的时候,上方的倒计时总是在slide结束后卡顿0.3s左右的时间。 在导航箭头上,在每次执行slide滑动后,都有一个v-show的判断是否到达slide的尽头,然后分别决定他们是否显示。我的部分代码如下图,我会将一些相关的圈出来:在图中,红框部分是用来判断导航箭头是否显示的 ,我发现在这里他们会导致动图中...原创 2018-12-26 11:21:24 · 4656 阅读 · 0 评论 -
动手造一个vue的loading插件
在一般的vue项目中,都会用到Loading或者Alert之类的弹窗浮层,而他们是一种比较高频率出现的组件。 一般情况下,我们都会去直接import该组件,然后直接以标签的形式引用进去当前页面组件中,如下图: 这种是我们比较常用的一种方法,它的好处就是让我们比较直观地对组件进行调用, 方便地通过标签上的属性动态地传给该组件,或者去获取子组件e...原创 2019-01-05 15:34:30 · 6731 阅读 · 1 评论 -
vue开发中遇到Forced reflow while executing JavaScript took
在vue的开发过程中,遇到了如图所示的警告提示,我页面中包含有一个毫秒倒计时,swiper插件等,还有有一个答题卡组件,组件是通过来控制显示的,但是这里每次在页面点击改变isAnswerCardOpen的值是,就会出现上图的警告,而且也感觉页面会稍微卡一下,影响到了倒计时。 这个问题我暂时想不出来时啥原因引起的,猜测可能是因为毫秒倒计时不断调用回调函数引起的,然后影响到了其他组件。后面...原创 2018-12-25 11:14:16 · 16481 阅读 · 0 评论 -
vue下,setInterval会影响swiper
在做项目中,由于使用了setInterval 函数来进行倒计时,导致vue-awsome-swiper(version: 3.1.3)组件出现了异常。具体异常如下图所示: 在.vue文件中,我倒计时的计时器没有拆分成组件,直接在当前页面进行倒计时相关逻辑操作,直接导致swiper异常,影响到了swiper组件,具体原因尚不清楚。我自己的解决办法是,直接把倒计时拆分成一个组件,并引用...原创 2018-12-18 15:45:00 · 961 阅读 · 3 评论 -
vue axios 使用表单形式进行数据提交
axios 默认使用的是json字符串形式去提交数据,但后端极力要求使用表单形式提交数据(说是json字符串还需要转,会消耗性能)。 由于需要使用表单的数据形式,在前端的项目里面,则需要对数据进行转换,使之成为后端能够接收的表单数据。 为了方便对请求进行控制,我将axios进行了封装,方便请求(响应)的拦截,这里就只贴部分代码。 首先...原创 2018-12-20 11:52:15 · 2950 阅读 · 0 评论 -
如何在父组件中设置修改子组件的样式
上周去面试,被问到了一个问题,如何在某个vue父组件中去设置子组件的的某一个样式?以Element-ui为例,我当时使用element-ui的时候,去修改样式是直接在最外部的全局css中去覆盖原有类名的样式,但是这样子做会导致以后修改样式比较麻烦,不方便修改。也有试过把style中的scoped去掉,但是也没办法影响到element-ui的组件样式,而且去掉scoped后,该组件的样式可...原创 2018-06-11 11:45:08 · 14327 阅读 · 6 评论