ZHANGREN

最近在写一个前台项目中碰到了如题的问题，这个也是很合理的，那么就得解决它。 下面介绍两种vue项目中防止用户在一定时间内频繁点击按钮触发事件的方法 1、主要思想就是禁止用... 阅读更多 »

在一个技术交流群里一个书 码友 问了我一个非父子组件传值的问题，叫我写个Demo给他看，好心的我就写了一个过去，顺便记录下小细节，代码如下： 需求：点击第一个组件本身其他组... 阅读更多 »

还是一个累加功能，代码如下： !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... 阅读更多 »

下面代码时正常运行的：点击累加 !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... 阅读更多 »

细节一：table中 平时我们在使用table时候一般都是table里面套tbody，tbody里面套tr，tr里面套td，如下图所示： 那么在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... 阅读更多 »

此次也是最后一个页面完成了，需要改变的页面就是orderList.vue页面了，同时要在components里面加入一个文件，NoData.vue（无订单数据时候展示的页面） 1、 NoData.vue代码如下： template div... 阅读更多 »

1、首先我们需要再components下面新建两个vue文件命名分别为：Loading.vue（用于支付宝支付时候跳转过渡）和ScanPayCode.vue(用于微信支付时候生成二维码页面) Loading.vue代码如下： template di... 阅读更多 »

本章主要是改变orderConfirm.vue页面，代码如下： template div class = order-confirm order-headertitle= 订单确认 templatev-slot:tip span请认真填写收货地址/span /template /order-header svgversion= 1.1 xmlns= http://w... 阅读更多 »

本次只要改变一个页面：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... 阅读更多 »