vue图片验证组件，直接安装使用

最新推荐文章于 2023-10-03 03:27:27 发布

原创最新推荐文章于 2023-10-03 03:27:27 发布 · 253 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js

js 同时被 2 个专栏收录

49 篇文章

订阅专栏

vue

9 篇文章

订阅专栏

博客介绍了verify-m组件在Vue2项目中的使用。项目最好使用element ui或其icon，通过npm i verify-m -S进行安装，之后导入组件使用即可返回验证结果，操作超简单。

使用该组件，项目中最好使elemnt ui 或者 elemnt ui的 icon

npm安装

npm i verify-m -S

导入组件使用

返回验证结果

<template>
  <div class="hello">
    <verifyd @verify="fdd"></verifyd>
    {{ sd }}
  </div>
</template>


<script>
import {verifyd} from "verify-m";
export default {
  components: {
    verifyd,
  },
  data() {
    return {
      sd: "",
    };
  },
  methods: {
  //自定义函数，返回验证结果true/false
    fdd(data) {
      this.sd = data;
    },
  },
};
</script>