vue-monoplasty-slide-verify中 @fulfilled

`@fulfilled` 是vue-monoplasty-slide-verify中的一个自定义事件，通常用于当验证码验证通过时触发。它是由该组件的作者定义的一个事件，可以在组件中使用 `$emit` 方法来触发该事件。例如，在验证通过时，可以使用以下代码来触发该事件：

this.$emit('@fulfilled');

在父组件中，可以使用 `v-on` 或 `@` 来监听该事件：

<monoplasty-slide-verify @fulfilled="handleVerifySuccess"></monoplasty-slide-verify>

其中 `handleVerifySuccess` 是一个在父组件中定义的方法，用于处理验证码验证通过时的逻辑。

相关问题

vue-monoplasty-slide-verify中 @fulfilled什么时候触发

`vue-monoplasty-slide-verify` 是一个基于 Vue 的滑块验证码组件，`@fulfilled` 是其中一个自定义事件，它会在用户完成滑动验证操作后，即验证成功后触发。

具体来说，在用户完成滑块的滑动操作，验证通过后，组件会触发 `fulfilled` 事件，同时会将验证结果通过 `$emit` 方法传递给父组件，父组件可以监听该事件并做相应的处理。例如：

<template>
  <div>
    <monoplasty-slide-verify @fulfilled="handleVerify"></monoplasty-slide-verify>
  </div>
</template>

<script>
export default {
  methods: {
    handleVerify(result) {
      console.log('验证码验证结果：', result)
    }
  }
}
</script>

在上述代码中，当用户完成滑块验证操作后，`handleVerify` 方法会被调用，并且会接收到验证结果 `result`，可以根据该结果进行相应的处理。

vue-monoplasty-slide-verify插件详解

vue-monoplasty-slide-verify 是一个基于 Vue.js 的滑动验证组件，用于进行用户身份验证。它提供了一个简单易用的滑动验证界面，支持自定义样式和文案，还可以通过事件来获取验证结果。

使用 vue-monoplasty-slide-verify 插件需要先安装它，可以通过 npm 进行安装：

npm install vue-monoplasty-slide-verify --save

安装完成后，在需要使用该插件的组件中引入它：

import SlideVerify from 'vue-monoplasty-slide-verify'

然后在该组件的 template 中使用它：

<slide-verify
  :text="text"
  :success="success"
  @on-success="onSuccess"
  @on-fail="onFail"
></slide-verify>

其中，text 是需要验证的文案，success 是验证成功后的提示文案，onSuccess 和 onFail 分别是验证成功和验证失败时的回调函数。

除了上述参数外，vue-monoplasty-slide-verify 还支持一些其他的自定义选项，比如可以自定义滑块的样式和大小，可以设置验证通过的阈值等等。具体可以查看官方文档进行了解。

总之，vue-monoplasty-slide-verify 是一个非常方便实用的滑动验证组件，可以帮助我们进行用户身份验证，增强网站的安全性。