<template>
    <el-container>
        <el-tooltip :placement="placement" :effect="effect" v-if="isShow">
            <div slot="content" v-html="info"></div>
            <i class="el-icon-warning" style="font-size: 22px;color: rgb(92, 182, 255);z-index: 9999"></i>
        </el-tooltip>
    </el-container>
</template>

<script>
    export default {
        name: "pl-tips",
        props:{
            placement:{type:String,default:"top-end"},
            info:{type:String,default: ""},
            effect:{type:String,default:"dark"}
        },
        data(){
          return {
              isShow:true,
          }
        },
        watch:{
            placement(){
                this.isShow = false;
                this.$nextTick(() => {
                    this.isShow = true;
                });
            }
        }
    }
</script>

<style scoped>

</style>