# Toast 提示框 beta

<l-button @click="$toast('点击弹出提示')">上方弹出</l-button>
<l-button @click="$toast('点击弹出提示',{position:'middle'})">中间弹出</l-button>
<l-button @click="$toast('点击弹出提示',{position:'bottom'})">下方弹出</l-button>

<script>
import plugin from "../../../src/plugin";
import Button from "../../../src/button";
import Vue from "vue";
Vue.use(plugin);
</script>

<l-button @click="close">中间弹出</l-button>

<script>
methods: {
    close() {
        this.$toast(`啦啦啦😝${Math.random() * 100}`,
            {
                autoClose: false,
                position: "top",
                closeButton: {
                    text: "关闭",
                    callback: toast => {
                        console.log("用户的do something");
                        console.log(toast); //组件在callback时把实例交给用户
                    }
                }
            }
        );
    }
}
</script>