vue-backup v2.0.2

vue-backup

一个回到顶部Vue组件，动画、icon

DEMO

安装

1. npm || yarn

# install dependencies
npm i vue-backup -s
yarn add vue-backup

2. CDN

<script src="https://unpkg.com/vue-backup/dist/vue-backup.min.js"></script>

使用

// main.js
// 全局注册
import Vue from 'vue'
import BackUp from 'vue-backup'

Vue.use(BackUp)

new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})
// 局部注册
// app.vue
import { BackUp } from 'vue-backup'

export default {
  name: 'App',
  components: {
    [BackUp.name]: BackUp  // 推荐该形式注册
  }
}

props

slot

提示

1. 可选icon封装在Props.icon对象中，修改默认icon方式如下：

<template>
  <div>
    <v-backup :icon="icon"/>
    <!-- 修改默认icon -->
  </div>
</template>

<script>
import { Props, BackUp } from 'vue-backup'
export default {
  name: 'test-icon',
  components: {
    [BackUp.name]: BackUp  // 推荐该形式注册
  },
  data () {
    return {
      icon: Props.icon.xxx // 通过该形式修改默认icon
    }
  }
}
</script>

1. 组件依赖animate.css enterAnimatedName leaveAnimatedName 可选值如下：

Github