网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
dk-toast是一个轻量级但完全可自定义的Toast通知插件,适用于Vue3应用程序。
1. 导入dk-toast。
import { createApp } from 'vue';
import App from './App.vue';
import DKToast from 'vue-dk-toast';
createApp(App).use(DKToast).mount('#app');
2. 在应用程序上显示基本的Toast通知。
this.$toast('Hello World!');
3. 使用以下选项配置Toast通知。
this.$toast('Hello World!', {
// timeout on ms
duration: 3000,
// additional styles
styles: {
borderRadius: '10px',
},
// add custom content (e.g. icons) to the toast
slotLeft: 'left content',
slotRight: 'right content'
});
4.全局设置。
createApp(App)
.use(DKToast, {
duration: 5000,
positionY: 'bottom', // or 'top'
positionX: 'right', // or 'left'
styles: {
color: '#000',
backgroundColor: '#fff',
},
})
.mount('#app');
转载请注明来源:Vue3 Toast通知插件(dk-toast)
本文永久链接地址:https://www.moyouyouw.cn/code/1145.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论