Vue自行封装常用组件-文本提示

使用方法:
1.在父组件中引入"toast.vue"
//import toast from "./toast";

2.在父组件中注册 toast
//components:{toast},

3.放在父组件中使用
//

4.调用toast组件
//this.$refs.toast.showToast('text')

注:index.vue为父组件,后者为子组件,效果图先上,可以先看是否是自己想要的组件,再选择使用

Vue自行封装常用组件-文本提示_第1张图片

index.vue





toast.vue





 

你可能感兴趣的:(Vue自行封装常用组件-文本提示)