local/routers/notice.vue

<style>
    .tooltip_out{
        padding: 150px;
    }
    body{
        height: 1000px;
        padding: 10px;
    }
</style>
<template>
    <div class="tooltip_out">
        123
    </div>
    <div class="tooltip_out">
        <Tooltip content="Tooltip 文字提示" placement="top">
            <strong><a href="#">Link</a></strong>
        </Tooltip>
    </div>
    <Row>
        <i-col span="12">
            <Tooltip content="Top Left 提示文字" placement="top-start">
                <Button>上面的左面</Button>
            </Tooltip>
        </i-col>
        <i-col span="12">
            <Tooltip content="Top Left 提示文字" placement="top-start">
                <Button>上面的左面</Button>
            </Tooltip>
        </i-col>
    </Row>
</template>
<script>
    import { Tooltip, Button, Row, iCol } from 'iview';
    export default {
        components: { Tooltip, Button, Row, iCol },
        props: {
        
        },
        data () {
            return {
            }
        },
        computed: {
        
        },
        methods: {
        }
    }
</script>