前端
文章平均质量分 62
前端vue框架
suqinyi
善学如春起之苗不见其增,日有所长
假学如磨刀之石不见其损,年有所亏
展开
-
vue整合百度地图(关键字检索)
百度地图文章目录百度地图一、申请百度地图的密钥二、官方示例三、使用vue(element ui)整合百度地图3.1 效果图:3.2 方式一 vue脚手架2.0版本引用(不推荐):3.3 方式二 封装成js引用(推荐做法):3.3.1 封装loadBMap.js3.3.2 在组件中引入封装的loadBMap3.3.3 在mounted中调用 loadBMap()四、整合详解(单独地图页面)4.1、容器(div)挂载百度地图4.2、在data配置参数4.3、初始化地图4.6、添加(右上角)平移缩放控件总结原创 2021-05-09 11:36:44 · 3354 阅读 · 12 评论 -
error Found incompatible module.
报错:[1/4] Resolving packages...[2/4] Fetching packages...error js-cookie@3.0.0: The engine "node" is incompatible with this module. Experror js-cookie@3.0.0: The engine "node" is incompatible with this module. Expected version ">=12". Got "10.13.0"e原创 2022-04-02 16:55:19 · 2282 阅读 · 0 评论 -
前端版本升级(修改),俩种方法
前端使用的组件的版本升级:俩种方法:法一:一个一个修改在一个一个安装。法二:直接修改,全部安装小编是以vue的脚手架进行操作的方法一(比较繁琐的方法):第一步:在package.json修改成想要的版本以axios版本为例:原本版本为:0.21.1想要修改他的版本:(例如修改成 0.2.2 版本)第二步:修改完成,执行npm命令-如下:npm install --save axios@0.2.2效果:那么问题来了:如果要想修改10个版本是不是要执行10次npm?20个原创 2021-04-28 13:13:42 · 3146 阅读 · 0 评论 -
前端 短信倒计时 (js实现)
效果:js实现: // 绑定事件方法 sendCode <a id="sendCode">发送验证码 </a> <script> //在script写方法 $(function () { //点击触发 $("#sendCode").click(function () { //倒计时 //hasClass 表示是否有这个样式 if ($(this).hasClass("disabled")) { //正在倒计时中原创 2021-09-04 23:14:53 · 1230 阅读 · 0 评论 -
element的步骤条整合表单(steps+form)
先上效果图:element ui 组件库官网使用步骤:1、页面组合步骤 ==> 5步定义出4个步骤(看你自己需要几步)定义form表单定义4个盒子对象active属性 => 1 到 4放置表单项设置上一步和下一步的按钮<template>//第一步:定义出4个步骤<el-steps :active="active" finish-status="success"> <el-step title="第一步" />原创 2021-05-12 22:41:49 · 17452 阅读 · 6 评论 -
使用 element 和 vue 在前端进行分页
使用的场景:比如说你调用的是别人的接口,你无法再后端进行分页处理,只能在前端进行分页处理,此domo采用element ui+vueelement UI官网vue官网说明:小编采用图文详解,做一个灵魂画家先使用图片解释,在最后面在上前端代码块(代码注释很全)最终效果图步骤一:定义属性在 data() { return { } },中定义出属性如图步骤二:调用接口调用后台接口查询,查询所有出数据,自定义分页方法,进行前端分页步骤三:自定义分页的方法自定义分页方法原创 2021-03-26 13:44:39 · 476 阅读 · 0 评论 -
vue整合文本编辑器
场景说明:后端输入一篇文章,在前端显示,这时就有个排版问题了。单纯的文本输入框无法满足要求。所以需要采用后端整合文本编辑器,前端(vue)采用v-html标签直接渲染小编的示例是整合vue0、富文本编辑器的插件和组件链接:https://pan.baidu.com/s/1OK770qsv1Ozv-4FWLjCtdg 提取码:5ggs 复制这段内容后打开百度网盘手机App,操作更方便哦--来自百度网盘超级会员V4的分享1、效果如图:后台图片:前端渲染图片:或者2、下载原创 2021-04-20 17:50:15 · 2711 阅读 · 2 评论 -
Vue数字格式化成金额-过滤器
学习目标:提示:这里可以添加学习目标例如:一周掌握 Java 入门知识学习内容:提示:这里可以添加要学的内容例如:1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间:提示:这里可以添加计划学习的时间例如:1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出:提示:这里统计学习计划的总量例如:1、 技术笔记 2 遍2、CSDN 技术博客 3 篇原创 2021-04-09 09:44:59 · 3043 阅读 · 0 评论 -
身份证号码校验(前端,java)
身份证号码校验说明:第一:前端校验(在vue中使用)第二:后端校验第三:小编是在element ui 进行验证身份证号码校验身份证号码校验一、在前端校验身份证(简单)0.基本的格式判定-正则规则说明1.简单校验方案二、在前端校验身份证(完整)1.分装js文件2.页面引入js3.调用验证4.完成非常nice三、在后端校验身份证(完整)总结以下是本篇文章正文内容一、在前端校验身份证(简单)0.基本的格式判定-正则规则说明`1:地址码的正则表达式:/^[1-9]\d{5}/ `原创 2021-04-01 15:45:48 · 6908 阅读 · 1 评论