- 博客(27)
- 收藏
- 关注
RSS订阅原创 全局键盘回车触发 和 element Ui处理el-button自动失焦问题
【代码】全局键盘回车触发 和 element Ui处理el-button自动失焦问题。
2023-12-25 17:35:49
556
1
原创 Vue中的join()、reverse()、 split()方法
重点说一下join(’ ')是重组的意思，把数组合成一个字符串。reverse()是指翻转的意思，把数据反过来。
2023-03-28 14:28:27
399
原创 jquery 每次刷新页面随机更换背景图片
每次刷新页面随机更换背景图片三张图片随机更换图片代码$(document).ready(function(){ var randomNum=Math.floor(Math.random()*3+1); console.log(randomNum); $("#bg").css("background-image","url(/images/bg"+randomNum+".jpg)");});...
2021-11-30 09:25:48
798
原创 vue $router路由传值
点击标签传值<el-table-column fixed="right" label="操作" width="" align="center"> <template slot-scope="scope"> <el-tooltip class="item" effect="dark" content="查看详情" placement="top"> <el-button @click="handleClick(scope.row)" type="te.
2021-11-25 20:05:39
565
原创 vue导入导出、查询列表 、分页 后台数据交互
vue+element导入导出、查询列表 、分页后台数据交互html代码展示<template> <div class="hello"> <el-header> <div class="container"> <el-link href="/" type="info" :underline="false" class="headle"> <el-image style="
2021-11-18 17:03:42
403
转载 vue 复制 粘贴div标签内容
vue 复制 粘贴div标签内容安装clipboard.jsnpm install clipboard在vue页面引入clipboard.jsimport Clipboard from 'clipboard';//安装复制插件html代码<button class="btn" data-clipboard-target="#text" <!--这里绑定的是要复制的标签的id--> data-clipboard-action="c
2021-11-18 16:49:02
989
原创 vue 钉钉扫码登录
vue 钉钉扫码登录首先在public下的index.html引用钉钉形成的二维码插件<script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>在login.vue页面中加html标签<h3 class="dd-title">手机钉钉扫码登录</h3><div id="dd-login"></div>在lo
2021-11-13 16:13:46
1038
2
原创 vue项目中创建新页面的配置方法
vue项目中创建新页面的配置方法主要目录和新建目录新建的login.vue页面配置login路由。新建一个router下的index.js文件（下面是代码）import Vue from 'vue'import Router from 'vue-router'import Login from '@/components/login'import HelloWorld from '@/components/HelloWorld'Vue.use(Router)export
2021-11-13 11:55:49
6935
原创 vue+elementui 登录页面
vue+elementui 登录页面html代码<template> <div class="login"> <el-form :model="form" status-icon :rules="rules" ref="loginForm" label-width="80px" class="login-box"> <h3 class="login-title">欢迎登录</h3> <el-form
2021-11-13 11:32:49
1340
原创 vue+element 导入、导出、查询 （2021-11-13）
vue+element 导入、导出、查询、查看详情功能完整代码html代码：<el-header> <div class="Import"> <el-upload ref="upload" action="url" :auto-upload="false" :show-file-list="false" :before-upload="beforeUpload" :on-change="importExcel" accept=".xlsx,.xls"> &
2021-11-13 11:18:09
290
原创 layui json渲染页面
页面渲染<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g
2020-12-01 14:03:47
1120
原创 elementUI vue this.$confirm 和el-dialog 弹出框 移动
elementUI vue this.$confirm 和el-dialog 弹出框 拖动el-dialog 弹出框 拖动// v-dialogDrag: 弹窗拖拽 Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySe
2020-10-20 10:54:36
2959
1
原创 jquery判断PC端还是移动端
jquery判断PC端还是移动端//判断在移动设备上$(function(){ if (navigator.userAgent.match(/mobile/i)) { alert("移动端"); }else{ alert("pc端"); }})
2020-07-20 16:39:29
1803
原创 弹出层拖拽
弹出层拖动两种不一样的拖动方式代码完全不相同。第一种方法任意拖动 $(function() { //鼠标初始化位置 var initMouseX = 0; var initMouseY = 0; //元素的初始化位置 var initObjX = 0; var initObjY = 0; //鼠标按下标识 var isDraging = fal
2020-07-17 15:00:41
212
原创 微博、微信、qq、空间、等分享功能
微博、微信、qq、空间、等分享功能这个jquery.qrcode.min.js是生成二维码的js<script type="text/javascript" src="jquery/jquery.qrcode.min.js"></script><script type="text/javascript">$(function() { var share_title="分享微博、qq、QQ空间等标题"; //生成分享二维码 var pa
2020-07-03 16:29:42
279
原创 弹出框拖拽效果插件功能
弹出框托拽效果功能首先下载 jquery-ui.js 去网上下载。<script type="text/javascript" src="jquery-ui.min.js"></script><script type="text/javascript"> $(function() { $( ".confirm_dialog_content" ).draggable(); });</script>然后获取 $(
2020-07-03 16:15:53
131
原创 Vue.js Ajax(axios) GET和post请求
Vue.js Ajax(axios) GET和post请求使用 axios 来完成 ajax 请求。Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。vue.js 要实现异步加载需要使用到 vue-resource 库，访问：https://www.runoob.com/vue2/vuejs-ajax.htmlvue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。GET 方法<!DOCTYPE html><h
2020-05-13 15:20:03
1009
转载 微信小程序GET、POST提交方式
微信小程序GET、POST提交方式微信小程序开发中网络请求必不可少.GET .POST请求是最常用的.GET请求，POST请求的时候有好几个坑.我已经为大家填好了。GET 请求都是如下这样写：（给大家举个例子）wx.request({ url: url, data: { teacherid: teacherid }, header: { 'content-type': 'application/json'
2020-05-13 11:01:01
1889
原创 URL链接带参方法和提取的方法
URL链接带参方法和提取的方法拼接出来的跳转地址和参数；<script> var dataHref = $(this).attr("data-href"); var href = dataHref+"?url="+url+"&name="+name+"&enName="+enName+"&type="+type; window.location.h...
2020-05-07 11:45:35
1600
原创 用作获取手机验证那倒计时器
jquery倒计时秒//设置button效果，开始计时 var InterValObj; //timer变量，控制时间 var count = 60; //间隔函数，1秒执行 var curCount;//当前剩余秒数 curCount = count; InterValObj = window.setInterval(SetRemainTimes, 1000); //启动计时器，1秒...
2020-05-07 11:11:56
119
原创 获取系统当前日期时间
获取系统当前日期时间（带星期）var h5course_com = new Date();var today = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');var week = today[h5course_com.getDay()];var data = h5course_com.getFullYear() + ...
2020-05-07 10:47:43
1101
原创 页面打印
页面打印html<!-- 业入驻申请模板|start --> <div id="preview" style="display: none;"> <!--startprint--> <div class="print-box">这里面内容自己代码</div> <!--en...
2020-05-07 10:22:06
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人