前端资料
主要是前端相关
CxToBj
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
解决element ui 消息提示重叠问题
data() { return { notifyPromise:Promise.resolve(), } }// 消息循环提醒 notify(title,msg) { this.notifyPromise = this.notifyPromise.then(this.$nextTick).then(()=>{ this.$notify({ type: 'warning', ..原创 2021-10-14 10:03:48 · 1013 阅读 · 0 评论 -
Element ui生成二维码并复制文本内容
1,引用组件cnpm install qrcodejs2 --save //生成二维码2 import QRCode from 'qrcodejs2'3生成二维码所需要的div<div class="qr_code" id="qrcode"></div>4生成二维吗方法、 qrCode() { this.$nextTick(function () { document.getElementById("qrcode").innerHTM原创 2021-08-31 11:40:13 · 393 阅读 · 0 评论 -
Element ui实现视频上传+进度条
<el-form-item label="上传视频" prop="videoUrl"> <el-upload class="avatar-uploader" action="/api/video/uploadVideo"//上传地址 accept='.mp4,.qlv,.qsv,.ogg,.flv,.avi,.wmv,.rmvb' :data="par原创 2021-03-25 16:53:43 · 890 阅读 · 0 评论 -
VUE项目编写验证码
<dependency> <groupId>com.github.whvcse</groupId> <artifactId>easy-captcha</artifactId> <version>1.6.2</version> </dependency> 1.页面验证码输入框及验证码显示 ...原创 2020-11-30 16:30:57 · 360 阅读 · 2 评论 -
vue全局拦截器
在main.js中添加如下配置import axios from 'axios'Vue.prototype.$axios = axios//定义一个响应拦截器axios.interceptors.response.use(function(config){ var code=config.data.codeSession;//在这里对返回的数据进行处理 if(code=="01"){ router.push("/")//跳转到登录页面 } return config原创 2020-11-19 09:56:13 · 714 阅读 · 0 评论 -
vue跳转页面
//跳转方法edit(id,type) { //编辑试题 this.$router.push({ path: '/editAnswerChildren', query: { paperId: id, type: type } }) },//页面加载接收跳转方法参数export default { created() { let paperId = this.$rou原创 2020-09-14 13:44:32 · 171 阅读 · 0 评论 -
vue el-table过滤器使用及数据格式化
页面显示内容<template> <div class="all"> <el-button type="warning" icon="el-icon-refresh-left" class="reset-button" @click="resetBack();">返回</el-button> <el-table :data="pagination" border> <el-table-column p原创 2020-09-01 15:23:37 · 1419 阅读 · 0 评论 -
vue 在列表中添加判断及select
form表单提交的 <el-form-item label="试卷类型"> <!-- <el-input v-model="form.type"></el-input>--> <input type="radio" id="male" value="0" v-model="form.type">练习试卷 <input type="radio" id="female"原创 2020-08-27 13:37:17 · 1827 阅读 · 0 评论 -
element ui 时间和上传
-----------------------------时间插件------------------------------------<el-form-item label="结束时间"> <el-col :span="11"> <el-date-picker v-model="form.end_time" type="datetime"原创 2020-08-18 16:41:32 · 531 阅读 · 0 评论 -
layui动态添加select选择框和回显
//点击事件的按钮 <button type="button" class="layui-btn" id="addpeop"> <i class="layui-icon"></i> </button> $("#addpeop").click(function(){ var peop=$("#areas");var t=$(['<div class="layui-form-ite原创 2020-05-28 10:09:35 · 3291 阅读 · 0 评论 -
鼠标悬停放大图片及背景铺满屏幕
img{ cursor: pointer; transition: all 0.6s;}td img:hover{ transform: scale(1.4); }body { width: auto; height: auto; margin: 0 auto;background-image: url(indexv15.files/11111.jpg...原创 2020-04-28 10:51:39 · 647 阅读 · 0 评论 -
layui动态追加select下的option并元素内添加事件
//给一个元素添加点击事件并往areas中追加select的option$("#addpeop").click(function(){ var peop=$("#areas"); var t=$(['<div class="layui-form-item" id="areas">', ...原创 2019-12-18 18:12:17 · 1252 阅读 · 0 评论 -
jquery组织冒泡,定时器等技术点
-------------------------阻止冒泡用法----------------------------------------------------------------点击子标签阻止父标签事件冒泡<#–给button绑定一个点击事件–>$(function(){ $("#wishList li a").on(“click”,“button”, funct...原创 2019-10-18 15:19:30 · 212 阅读 · 0 评论 -
select自动触发并给多选框checkbox赋值
--------------select框----------------<div class="layui-inline" > <select name="departmentId" lay-search="" lay-verify="required" id="departmentId" lay-filter="departmentIds"> ...原创 2019-11-01 09:28:22 · 452 阅读 · 0 评论
分享