一个菜鸟的互联网技术分享博客
您的位置: 主页 > 技术尬聊 >

技术尬聊

vue中非父子组件传值

vue中非父子组件传值

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

vue中父子组件传值

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的使用

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使用组件的细节

vue使用组件的细节

细节一:table中 平时我们在使用table时候一般都是table里面套tbody,tbody里面套tr,tr里面套td,如下图所示: 那么在vue中使用组件渲染数据呢,如下图所示: 输出结果如下所示: 内容是... 阅读更多 »

使用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全家桶高仿小米商城--订单列表

使用vue全家桶高仿小米商城--订单列表

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

使用vue全家桶高仿小米商城--订单结算

使用vue全家桶高仿小米商城--订单结算

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

使用vue全家桶高仿小米商城--订单确认页

使用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全家桶高仿小米商城--订单父组件

使用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... 阅读更多 »

使用vue全家桶高仿小米商城--退出功能实

使用vue全家桶高仿小米商城--退出功能实

退出登入其实很简单,首先请求退出登入的接口,同时清空cookie、username和购物出(count)的值(因为这些值是前端渲染的),操作如下: 1、NavHeader.vue页面内加退出登入按钮: 2、编写... 阅读更多 »

首页 1 2 3 4 5 6 下一页 末页
回到顶部