- 博客(23)
- 资源 (7)
- 收藏
- 关注
原创 Vue结合blob导出Excel最佳处理方案
设置api接口export function exportExcel(params){ return request({ url:'填写url地址', method:'post', data:{ "body":params //传递给后端的参数 }, responseType:'blob' //必须填写,防止接收的流乱码 })}对request的处理在这里主...
2019-11-21 15:05:44 2277
原创 Vue中图片的src不显示问题
动态渲染图片地址的时候, 图片的src被当做静态资源处理了,没有进行编译,所以需要同过require引入图片。 <script> export default { data() { return { imgUrl: { src: require(...
2019-11-13 16:53:52 3789
原创 zepto.fullpage移动端最好用的滑屏插件
zepto.fullpage在这里主要是用作移动端无缝滑屏滚动你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。具体调用方式:$('el').fullpage({ page: '.page', start: 0, duration: 500, ...
2019-07-01 14:16:36 729
原创 vue部门三级联动组件
这个是一个部门的三级联动,有需要的可以参考下//当前组件名为arealink<template> <el-row :span="10"> <el-col :span="8"> <el-select v-model="area" :placeholder="areaName" :disabled="areaFlag" @chang...
2019-05-13 21:38:25 1733
原创 【无标题】
sk-EHT9VtXntkYIy5gOvStUT3BlbkFJxbI6K4CQ4LruS8Y0MIsnsk-F265JiB85JiYfzJCQgFnT3BlbkFJeFdZOQAQmwRC1TNwpxPm
2023-05-05 08:06:59 190
原创 实现原生js,vue2,vue3,react18类组件,react函数式组件在定时器中调用接口
实现原生js,vue2,vue3,react18类组件,react18函数式组件在定时器中调用接口
2023-01-24 07:58:47 990
原创 2021-09-16
https://www.figma.com/file/yT4NFnhzftv51Khn8xYT6k/%E7%9B%8A%E9%85%B7%E9%A1%B5%E9%9D%A2%E5%AF%B9%E6%8E%A52.1?node-id=424%3A1145账户密码:104768633@qq.com/g123456a104768633@qq.com/go123456a
2021-09-16 10:27:14 129
原创 vue
<template> <div style="width:100%"> <!-- stripe:是否为斑马纹 table; --> <!-- border:是否带有纵向边框; --> <!-- fit:列的宽度是否自撑开; --> <!-- highlight-current-row:是否要高亮当前行; --> <el-table ref="multipleTable"
2021-02-03 23:06:48 193
原创 el-input取消浏览器自动填充问题
项目中需求不需要显示浏览器自动填充的内容,可以使用以下操作<el-input v-model="value" auto-complete="off" placeholder="请输入..."></el-input>主要是这个 auto-complete=“off” 可以实现效果...
2020-04-15 16:56:26 5152 2
原创 vue element表格图片点击放大
插件网址 https://mirari.cc/v-viewer/操作步骤1.npm install v-viewer --save2.import Vue from 'vue';import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ Op...
2020-04-13 17:19:44 2002
原创 element row-click表格单行点击和单元格事件冲突解决/冒泡解决
<el-table v-loading="loading" ref="multipleTable" :data="pagination[activeName].tableData" tooltip-effect="dark" style="min-width: 1000px...
2020-04-13 15:38:54 7705 1
原创 关于编程式导航$router.push、replace、go的用法区别
如果是想要跳转到不同的url,可以使用router.push方法,这个方法会向history里面添加记录,是可以通过浏览器的返回按钮,返回到之前的页面的。// 字符串router.push('home')// 对象router.push({ path: 'home' })// 命名的路由带参数router.push({ name: 'user', params: { userId:...
2019-11-13 16:35:41 479
原创 前端跨域处理的两种方式proxyTable和nginx
前端在开发环境开发项目的过程中会遇到一些跨域的问题,后端在服务器上已经处理了跨域,但是由于浏览器的安全机制,发送的请求还是不能过去,因此本文着重介绍proxyTable和nginx两种常见的处理跨域的方式。1.proxyTable2.nginx...
2019-11-12 15:45:08 2337
原创 ios短信验证码自动填充两次bug处理
ios系统内部的bug某些app或者微信网页里,复制手机收到的短信验证码,会触发UITextFieldTextDidChangeNotification监听事件,导致验证码出现了两次,这个应该是ios系统内部的bug.解决方案如果input框的type=“text” 或者 type=“password”,则可以给input框加上maxLength属性,让最大长度等于验证码的位数。如果in...
2019-11-11 17:49:03 7489
原创 用mpvue写小程序的tab切换
<template> <div class="result"> <div class="nav"> <div :class="{'selected':tab === 1,'title':true}" class="default" @click="changTab(1)" >初级·&...
2019-05-02 11:48:13 1067 1
原创 vue-video-player基本使用
项目上有一个新的需求,点击视频全屏播放,当即想到了video.js插件,兼容性好,比原生video好用多了。因为项目用的是vue-element-ui技术栈,考虑技术的融合性,最终使用了vue-video-player首先是npm i vue-video-player -D 安装依赖在main.js里面引入import VideoPlayer from 'vue-video-player...
2019-03-01 23:14:11 50300 10
原创 element的table点击选中之后设置当前行高亮
实现点击当前行样式背景高亮在element-ui.scss的样式里面添加.el-table__body tr.current-row>td{ background-color: #fdf3ea; color: #f19944;}在这里注意:row-class-name="tableRowClassName"是在渲染表格的时候就调用了,不能通过点击事件改变行的颜色实现h...
2019-01-06 10:43:33 13404
原创 自定义简易vue抽屉组件
&amp;lt;template&amp;gt; &amp;lt;div class=&quot;drawer&quot;&amp;gt; &amp;lt;div :class=&quot;open?'mask':''&quot; @click=&quot;close&quot;/&amp;gt;
2019-01-06 08:57:30 3656
原创 获取elementui table 当前行的详细数据
el-table @row-click="getDetails"row-click 当某一行被点击时会触发该事件 row, event, column,然后在methods里面触发该事件即可,如下methods:{ getDetails(row){ console.log(row)//此时就能拿到整行的信息 } }...
2019-01-06 08:50:39 22015 1
原创 简单封装cookie操作
1.设置cookiefunction setCookie(key, value, times) { var date = new Date(); date.setDate(date.getDate() + times) document.cookie = key + '=' + value + ';expries=' + date}2.获取cookiefunction getCook...
2018-06-12 02:28:05 241
原创 vue.js下使用element表单,设置select的选项为对象传给后台
给大家分享下当时设置select选项为对象的坑`<el-form-item label="label标签名字:"> <el-select v-model="formData.jsonStr" value-key="desc(此值必须设置,不设置会有bug,此值是原数据类型中的唯一键)" placeholder="请选择"> <el-
2018-04-19 01:58:06 5370
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人