@vf.js/vue

VF 引擎 Vue 组件,帮助你快速使用 VF

Version: 1.1.9 Updated: 05/14/2020

By: vipkid-edu License: ISC

Downloads Last 30 Days: 380

Install

npm i @vf.js/vue
yarn add @vf.js/vue

Repository: https://github.com/vipkid-edu/vf-vue

CDNs

bundle.run: https://bundle.run/@vf.js/vue

jsDelivr: https://cdn.jsdelivr.net/npm/@vf.js/vue

unpkg: https://unpkg.com/@vf.js/vue

vf-vue

VF 引擎 Vue 组件,帮助你快速使用 VF

Build Status Build Status

安装

npm install @vf.js/vue

使用

import vfComponent from "@vf.js/vue"

export default {
  components: {
    vf: vfComponent
  }
}
<template>
  <div>
    <vf :src="Your JSON data" :width="800"  @ready="..." @message="..."></vf>
  </div>
</template>

了解更多有关 VF 的配置信息,请移步: VF 配置选项

组件事件

onLoadSuccess

当 VF 创建成功后触发的事件,会传入一个 vf 对象,可以通过 @loadSuccess 监听获取

onLoadFail

当 VF 创建失败后触发的事件, 会传入一个 errorMessage, 可以通过 @loadFail 监听获取

Categories: Vue js
Tags: