前端
耳东君呐
这个作者很懒,什么都没留下…
展开
-
高德地图vue版本的截图打印功能
需求:在高德地图中选择分辨率并进行截图打印功能。原创 2022-12-22 14:37:24 · 1509 阅读 · 1 评论 -
vue+element 根据状态,显示不同的操作按钮
vue+element 根据状态,显示不同的操作按钮原创 2022-11-02 17:07:33 · 2924 阅读 · 0 评论 -
关于url地址自动加#号问题说明
关于url地址自动加#号问题说明原创 2022-10-09 10:32:14 · 1550 阅读 · 0 评论 -
elementUI表格中使用switch开关实现修改switch开关的状态
element表格中使用switch开关实现修改switch开关的状态原创 2022-08-15 15:27:51 · 1200 阅读 · 0 评论 -
vue将中国标准时间转换为年月日
需要解决的问题:后台想要年月日格式的,这是我传给后台的内容解决如下: <el-date-picker v-model="date" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择时间" > </el-date-pi原创 2022-04-28 14:30:47 · 2139 阅读 · 1 评论 -
vue-elemetn-admin 日期选择器 设置默认日期不带时分秒
想要的效果如下图:传递日期不带时分秒一开始的效果:解决办法: <div class="publicInput"> <el-date-picker v-model="date" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择时间"原创 2022-04-25 11:01:03 · 3556 阅读 · 0 评论 -
el-option显示value而不是lable的问题
el-option显示value而不是lable的问题,后台返回数字前端想要显示文字原创 2022-04-21 17:03:33 · 2079 阅读 · 1 评论 -
HTML 前端设置浏览器页签图标设置
想实现如下效果:修改浏览器页签的图标话不多说上代码 <!-- 修改页签icon logo --> <link rel="shortcut icon" type="image/x-icon" href="images/logo.png"></link>HTML 头部里面增加如下代码 href 指向对应的ico 图标;如果发现更改没生效,请检查是否有拦截;注意:资源文件名称一般是.gif 、.ioc 文件,当然我们熟知的.jpg、.p..原创 2022-01-12 17:35:56 · 6590 阅读 · 0 评论 -
Css设置border从中间向两边的颜色渐进效果
示例如下:html部分 <div class="globalTitle"> <img src="images/globalTitleleft.png" alt=""> <p>供水压力分布</p> <img src="images/globalTitleright.png" alt="">.原创 2021-12-23 10:19:56 · 2815 阅读 · 1 评论 -
el-table懒加载树形数据,实现整行点击的展开
做项目遇到一个需求,根据集团层级展现一组数据,每个层级都可以点开看更详细的拆分数据,第一想法是用el-table的树形数据来展示,大概下面这个样子:用过这个组件的应该知道这个只能通过点击每一行前面的小箭头实现伸缩,箭头有点小,而且表格一行的数据很长时,对用户的操作不是很友好,所以想能够点击一行的任意位置都可以进行伸缩。1、官网中的toggleRowExpansion方法如下:<el-table :data="tableData" ref="refTable" st...转载 2021-08-31 17:10:48 · 2531 阅读 · 1 评论 -
mui.previewimage 图片预览,点击图片放大缩小
废话不多说,直接上干货!1.mui页面引入css/js<link href="../css/mui.css" rel="stylesheet" type="text/css" /><link href="../css/mui.previewimage.css" rel="stylesheet" type="text/css" /><script src="../js/mui.js"></script><script src="../js/原创 2021-08-04 11:29:42 · 1255 阅读 · 1 评论 -
element-ui的下拉框有值却无法选中
在使用Vue框架和element-ui开发时,下拉框遇见一个问题,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值,也就是下拉框值无法选中。 <el-select v-model="form.callroom" placeholder="请选择房间号" :disabled="disroom" clearable @change="changeRoom">转载 2021-07-27 11:43:01 · 286 阅读 · 0 评论 -
Vue项目封装公共方法
vue项目中,为了拒绝一样的代码,反复的调用,简化代码。可封装方法,多次调用接口。 // 通话记录-公共方法 publicb(data) { axios.post(this.requestUrl +"/call_center_api/cc_call_records/callRecordPage", data) .then(res => { this.原创 2021-07-06 16:04:55 · 557 阅读 · 0 评论 -
vue audio开始暂停播放
<audio ref="audio" controls="controls" :src="packData.recordingurl" id="audio"></audio>data(){ return { isPlaying:false };},methods:{ play(){ var audio =document.querySelector('#audio'); if(!this.is...原创 2021-06-29 14:53:37 · 3174 阅读 · 1 评论 -
jq+ajax 上传pdf文件
原生jq+ajax上传pdf文件注意:accept="applocation/pdf"必写<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device原创 2021-06-28 09:48:38 · 675 阅读 · 0 评论 -
jq+ajax 原生图片上传示例
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>图片上传示例</title> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <style type=.原创 2021-06-25 16:45:12 · 119 阅读 · 0 评论 -
jq生成二维码,后台传回二维码地址生成
可以通过qrcode()直接赋值二维码地址进行反显转载 2021-06-18 10:28:07 · 362 阅读 · 0 评论 -
jq 3秒倒计时调用接口
原创 2021-06-18 10:21:35 · 427 阅读 · 0 评论 -
element 中row-click表格单行点击和单元格事件冲突解决方案
<el-table v-loading="loading" ref="multipleTable" :data="pagination[activeName].tableData" tooltip-effect="dark" style="min-width: 1000px" @selection-change="selectionChange"...原创 2021-06-18 10:14:32 · 2215 阅读 · 0 评论 -
element中table点击整行关闭展开
element中table 展开行组件添加@row-click=‘clickTable’ ref=“refTable”在method中调用,注意toggleRowExpansion()为展开关闭转载 2021-06-18 09:52:40 · 859 阅读 · 3 评论