i_ViOLeT_i的博客

学习Vue中在做移动端商城练习项目时，记录css3实现加入购物车抛物线小球飞入动画效果。下面会介绍我在项目中实现抛物运动的简单方法。知识点：css3动画（抛物线运动）、vue动态绑定事件（控制小球出现）、vue过渡效果组件（小球进入和消失的过渡效果）、vue过渡效果组件中声明 JavaScript 钩子（控制小球消失）效果图如下： 点击“添加购物车”，小球出现飞入到购物车，小球消失一、...

现在有一个需求：中间子组件的高度要固定，并且由设备的高度（不同设备高度不同）和父组件头部和尾部决定需求来源：用vue做移动端商城，使用mint-ui时，使用上拉下拉刷新加载功能时要固定容器高度，不然会被元素无线撑大，会导致不管什么时候直接拉动都会进行加载本文用以记录实现这个需求的方法知识点：用ref获取dom元素、$refs获取用 ref 注册过的所有 dom元素、通过props来父传子通...

总结一下父组件通过prop给子组件下发数据。虽然网上有很多关于父子组件间通信的文章讲得都很好，但还是想自己总结一下加深记忆变成自己的知识。父传子（父——>子）props总结成三步：1.传 2.收 3.用有时候需要父组件向子组件传递一些数据，例如下面的这个例子。子组件的一些内容需要父组件传递，子组件中的一些内容是否显示由父组件来控制//父组件<template>...

记录一下今天项目中踩的两个坑。数据是从后台取的，然后通过v-for循环展现出来，由于一些原因，获取到后台返回的值是一个空对象，导致报错。想着直接v-if判断一下对象，如果是空就不编译就不会导致循环空对象报错。然后就有了下面的代码。<div class="" > <p class="a">xxxx</p> <p class="value"...