Vue.js Vue-Can和xB4；t调用sweetalert2内部方法

我在vue方法中启动sweetalert时遇到问题。如果我在脚本中直接调用sweetalert，则可以工作，但当我想在单击按钮时启动sweetalert时，不会发生任何事情（控制台中没有错误）。代码看起来

Vue（Vuetify）

诱捕者

这项工作

 <script>
    Swal.fire({
      title: "Error!",
      text: "Do you want to continue",
      icon: "error",
      confirmButtonText: "Cool"
    });

  </script>

喷火({
标题：“错误！”，
文本：“是否要继续”，
图标：“错误”，
confirmButtonText：“酷”
});

不行

 <script>
    export default {
      data() {
        return {
          value: String,
          name: "",
          password: ""
        };
      },
      methods: {
        submit() {
          Swal.fire({
            title: "Error!",
            text: "Do you want to continue",
            icon: "error",
            confirmButtonText: "Cool"
          });
        }
      }
    };
    </script>

导出默认值{
数据（）{
返回{
值：字符串，
姓名：“，
密码：“
};
},
方法：{
提交（）{
喷火({
标题：“错误！”，
文本：“是否要继续”，
图标：“错误”，
confirmButtonText：“酷”
});
}
}
};

我是Vue的新手，所以可能错误很容易看到，但我不知道为什么不起作用

所以问题是：为什么当我点击一个按钮时不能启动sweetalert模式

尝试单击

@而不是
@submit

entra
正如您在vuetify文档中看到的，按钮的事件是单击，因此您必须使用@click而不是@submit，下面是一个基本的工作示例：


 <script>
    export default {
      data() {
        return {
          value: String,
          name: "",
          password: ""
        };
      },
      methods: {
        submit() {
          Swal.fire({
            title: "Error!",
            text: "Do you want to continue",
            icon: "error",
            confirmButtonText: "Cool"
          });
        }
      }
    };
    </script>

<v-btn block dark @click="submit()">Entrar</v-btn>