我试图弹出一个Sweetalert 2模式,但我很难正确安装它,我使用npm i vue-sweetalert2
安装它。但我得到两个错误,一个是 ““VueSweetalert 2”组件已注册,但未使用。" 和这个.$swal是无法识别的。我认为我已经正确初始化它。
<template>
<div>
<q-btn
label="Click me"
@click="clickHandler"
/>
</div>
</template>
<script>
import VueSweetalert2 from 'vue-sweetalert2';
export default {
name: 'IndexPage',
components: {
VueSweetalert2,
},
methods: {
clickHandler() {
this.$swal({
title: 'test',
text: 'test',
icon: 'info',
confirmButtonText: 'Ok',
});
},
},
};
</script>
1条答案
按热度按时间wmomyfyw1#
你好,朋友,这是它在类星体中的工作原理,它真的非常简单,但我也很难找到正确的方法,因为我认为我必须在 Boot 文件中加载它,你唯一要做的是:运行此命令npm install -S vue-sweetalert 2并且已经在您找到的页面中,如以下示例所示导入它**https://therichpost.com/vue-3-sweetalert2-popup-working-example/**