Components

vc-popover

Install

npm install vc-popover --save
// build version
import vcPopover from 'vc-popover'
// recommend for *.vue project for small bundle size
import vcPopover from 'vc-popover/src/Popover.vue'
// commonjs
require('./dist/build.min.js')
// script tag
<script src='./dist/build.min.js'></script>

Usage

props

show

functionalShow

函数式显示，此属性配合show来使用，只响应 show prop和控制，不受事件控制

trigger

one of click, hover, focus, contextmenu

closeable

effect

title

content

placement

example

import Vue from 'vue'
import vcPopover from '../src'
new Vue({
    el: '#app',
    data () {
        return {
            bools: {
                'true': true,
                'false': false
            },
            show: true,
            closeable: false 
        }
    },
    methods: {
    },
    components: {
        vcPopover
    }
})
<vc-popover 
    placement="left"
    title="Title"
    content="content"
>
    <button class="btn btn-xs btn-success">left</button>
</vc-popover>