如何在类星体项目中使用VueSweetalert2

v8wbuo2f  于 2023-02-24  发布在  Vue.js
关注(0)|答案(1)|浏览(106)

我试图弹出一个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>
wmomyfyw

wmomyfyw1#

你好,朋友,这是它在类星体中的工作原理,它真的非常简单,但我也很难找到正确的方法,因为我认为我必须在 Boot 文件中加载它,你唯一要做的是:运行此命令npm install -S vue-sweetalert 2并且已经在您找到的页面中,如以下示例所示导入它**https://therichpost.com/vue-3-sweetalert2-popup-working-example/**

相关问题