一个vue.js组件,使您能够翻转Web应用程序上的元素。
2020/06/21
# NPM
$ npm install vue-flip --save
使用此模板:
<vue-flip>
<template v-slot:front>
前面
</template>
<template v-slot:back>
背面
</template>
</vue-flip>
您可以通过以下方式激活点击翻转:
<vue-flip active-click></vue-flip>
或者,您可以使用以下命令激活悬停功能:
<vue-flip active-hover></vue-flip>
或者您可以绑定一个变量:
<vue-flip v-model="flipped"></vue-flip>
this.flipped = true; //or false -> to flip front/back