![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Liu_简爱
砥砺前行
展开
-
vue 发送验证码+倒计时组件
效果图组件代码<template> <el-button @click="getCodeFlag && getSecuntyCode()" :loading="getCodeLoading" >{{ codeText }}</el-button ></template><script>import { sendCode } from '@/api/user.js'export def原创 2022-04-06 00:04:04 · 1077 阅读 · 0 评论 -
Vue2中使用vue-croper插件实现图片上传裁剪--超详细
这类文章已经有人写了 但本人比较笨还是花费了大量的时间 这里写详细一点 希望有帮助参考文章史上最全基于vue的图片裁剪vue-cropper使用效果图安装npm install vue-cropper 或者yarn add vue-cropper封装一个CropperImage组件这里我对原文章的代码进行了修改 因为我这显示头像 不需要这么宽在样式的修改上 大家都可以去尝试<template> <div class="cropper-content"原创 2022-04-03 23:23:30 · 3389 阅读 · 0 评论 -
校验规则整理
重复密码var vaildateRePass = (rule, value, callback) => { if (value !== this.loginForm.password) { callback(new Error('两次输入密码不一致!')) } else { callback() } }电话号码var vaildatePhone = (rule, value, callback) => {原创 2022-03-25 20:05:24 · 336 阅读 · 0 评论 -
vue-router报错:Route with name ‘/articles‘ does not exist
<van-cell class="article-item" :to="{ name: '/article', params: { article_id: acticleInfo.art_id } }" >name里面的路径 开始不要加/<van-cell class="article-item" :to="{ name: 'article', params: {原创 2022-03-18 23:19:29 · 521 阅读 · 0 评论