最近在写一个前台项目中碰到了如题的问题,这个也是很合理的,那么就得解决它。 下面介绍两种vue项目中防止用户在一定时间内频繁点击按钮触发事件的方法 1、主要思想就是禁止用... 阅读更多 »
Vue
vue中非父子组件传值
在一个技术交流群里一个书 码友 问了我一个非父子组件传值的问题,叫我写个Demo给他看,好心的我就写了一个过去,顺便记录下小细节,代码如下: 需求:点击第一个组件本身其他组... 阅读更多 »
vue中父子组件传值
还是一个累加功能,代码如下: !DOCTYPEhtml html head metacharset= utf-8 titlevue中父子组件传值/title scriptsrc= https://cdn.jsdelivr.net/npm/vue/dist/vue.js /script /head body divid= app counter:counte= 1 /counter counte... 阅读更多 »
vue中ref的使用
下面代码时正常运行的:点击累加 !DOCTYPEhtml html head metacharset= utf-8 titlevue使用组件的细节/title scriptsrc= https://cdn.jsdelivr.net/npm/vue/dist/vue.js /script /head body divid= app counter/counter counter/counte... 阅读更多 »
vue使用组件的细节
细节一:table中 平时我们在使用table时候一般都是table里面套tbody,tbody里面套tr,tr里面套td,如下图所示: 那么在vue中使用组件渲染数据呢,如下图所示: 输出结果如下所示: 内容是... 阅读更多 »
使用vue全家桶高仿小米商城--路由按需加
既然是路由,那么要修改的就是router.js文件了,代码如下: import Vuefromvue import Routerfromvue-router import Homefrom./pages/home import Indexfrom./pages/index Vue.use(Router); export default new Router({ routes:[ { p... 阅读更多 »
使用vue全家桶高仿小米商城--订单列表
此次也是最后一个页面完成了,需要改变的页面就是orderList.vue页面了,同时要在components里面加入一个文件,NoData.vue(无订单数据时候展示的页面) 1、 NoData.vue代码如下: template div... 阅读更多 »
使用vue全家桶高仿小米商城--订单结算
1、首先我们需要再components下面新建两个vue文件命名分别为:Loading.vue(用于支付宝支付时候跳转过渡)和ScanPayCode.vue(用于微信支付时候生成二维码页面) Loading.vue代码如下: template di... 阅读更多 »
使用vue全家桶高仿小米商城--订单确认页
本章主要是改变orderConfirm.vue页面,代码如下: template div class = order-confirm order-headertitle= 订单确认 templatev-slot:tip span请认真填写收货地址/span /template /order-header svgversion= 1.1 xmlns= http://w... 阅读更多 »
使用vue全家桶高仿小米商城--订单父组件
本次只要改变一个页面:order.vue,代码如下: template div order-header:title= title templatev-slot:tip span{{tip}}/span /template /order-header router-view/router-view service-bar/service-bar nav-footer/nav-footer /div /temp... 阅读更多 »