原文:vue--"卡片层叠" 组件 开发小记

背景:影城移动点餐web App增加会员卡支付功能 需求:确认订单页点击会员卡项弹出会员卡列表,多张会员卡依次叠加覆盖上一张 的高度,点击任意卡片则改卡片置为当前卡片,只有当前卡片显示全部卡片信息。 经过一天的分析和尝试造出了轮子,基本满足需求,核心代码如下: 代码已托管在github,想要看运行效果请移步https: github.com yinzifa html代码: lt template ...

2017-12-18 10:13 1 3841 推荐指数:

查看详情

vue--非父子组件之间的传值

一个项目都有一个根组件 App.vue 一个根组件下面可能会有多个自组件,例如:Hello.vue 和 Header.vue Hello.vue 和 Header.vue 就是兄弟组件,那么这两个兄弟组件之间又是如何传值的呢? 一个项目都有一个根组件 App.vue 一个根组件下面可能会 ...

Wed Oct 17 07:57:00 CST 2018 0 766
vue--触发父子组件事件

项目接触多了,用vue开发项目比较喜欢组件化,一个弹框,一个模块都可能写成子组件组件触发子组件事件 这时需要触发子组件的事件,例如显示左侧弹框时需要触发事件调接口查数据,子组件的方法是getTimeChannel() 这样子组件的事件就可以了触发了 子组件 ...

Tue Jun 04 18:27:00 CST 2019 0 2664
vue卡片化轮播图组件

1.安装swiper npm install swiper 2.在组件中引入swiper import 'swiper/dist/css/swiper.min.css' import Swiper from "swiper" //版本是用的:"swiper": "^4.5.0 ...

Fri Jun 14 23:06:00 CST 2019 2 2224
vue--组件主动获取子组件的方法

组件主动获取子组件的方法和属性 第一步:调用自组件的时候,给自组建定义一个Header <v-header ref='headerInfo'></v-header> 第二步:在父组件里面通过 this.$refs.headerInfo.属性 ...

Wed Oct 17 06:48:00 CST 2018 0 1727
Vue--动态组件实现组件切换

步骤: 1.新建一个tabber组件(主要是创建需要绑定点击事件的对象) 1.1添加点击事件(事件函数需要传参) 2.1在methods中添加事件 2.在App.vue中实现切换 2.1利用动态组件实现切换 2.2在data中设置切换的组件名称 ...

Mon Mar 25 02:09:00 CST 2019 0 10379
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM