![](https://img-blog.csdnimg.cn/fc70e9874b664ccbbbdd5e28fe8e2eb6.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
【Vue踩坑之路】
【Vue踩坑之路】
一如年少丶
software entities (modules, classes, functions, etc.) should be open for extension , but closed for modification.
展开
-
[Vue warn]: “style“ is a reserved attribute and cannot be used as component prop.
问题在调试自定义页面的时候,发现控制台一直报这个错,意思是:“style”是保留属性,不能用作组件属性这是由于Vue导致的,style属性是原生HTML默认的标签属性,不能直接用在Vue组件里,如下所示:<el-form style="margin-top: 10px; margin-bottom: 10px">解决在Vue里,我们想直接在组件上编写style应该这样:<div v-bind:style="styleObject"></div>data:原创 2020-12-01 16:54:38 · 8028 阅读 · 1 评论 -
vue路由无法跳转,只刷新页面的问题
问题在我输入正确的信息登陆之后,Vue路由不跳转到首页解决后来发现是form表单的默认提交事件导致的,我们来使用click.prevent阻止form表单的默认提交事件<div class="form-group"> <button @click.prevent="submitForm('loginform')" class="btn btn-default">L...原创 2020-04-27 13:00:21 · 1417 阅读 · 1 评论 -
vue使用router-link跳转时传递参数
前言如图所示,有这样一个业务场景,从首页点击一个商品,然后通过id跳转到对应的详情页,我们来实现一下步骤我们使用router-link标签包裹要跳转的元素,然后在 :to 里面写上要跳转的路径path:’/resourceInfo’,我要跳转的页面就是resourceInfo。然后是关键部分query,我们利用它来携带参数,以键值对的方式在里面添加你要传递的参数就可以了 <r...原创 2020-05-07 18:41:07 · 3463 阅读 · 2 评论 -
vue使用clipboard插件实现点击按钮复制输入内容
前言写毕设时候有这样一个需求,我需要点击按钮复制输入框里面的内容,如下图所示:那么我们该如何来实现呢?想到利用clipboard插件来实现,let’s do it步骤那我们一步一步来:因为是在vue里面集成,我们先下好这个clipboard插件,输入以下命令即可完成安装npm install clipboard --save如图所示,安装成功在你要使用的vue文件里导入...原创 2020-05-01 23:11:31 · 770 阅读 · 0 评论 -
vue路由跳转后页面样式错乱,刷新一下又好了的问题
前言如图所示,当我从profile页跳转回index页时,页面样式错乱:这是index页面一开始的样子,然后我们跳转到profile页面这是profile页面,然后我们再跳转回index页面这个时候问题就来了,可以明显的看到首页的样式被破坏了,那么为什么会这样呢?思考想了一下意识到,大概率是因为vue加载组件的时候,会把所有组件的css全部加载到一起,而这个时候样式是全局的,vu...原创 2020-05-04 00:28:24 · 9420 阅读 · 12 评论 -
vue实现倒计时30分钟
前言在支付订单的业务场景下,通常会有一个支付倒计时的功能,今天我们就来实现一下实现首先,是两个div用来显示我们的剩余支付时间<div style="font-size: 14px;color: #666;">剩余支付时间(超时自动关闭)</div><div class="time"><i class="el-icon-time">&...原创 2020-05-05 03:04:35 · 7567 阅读 · 16 评论