weixin_43866678的博客

原创 vue简单虚拟列表

虚拟列表

原创 antd a-date-picker 限制结束时间大于开始时间

【代码】antd a-date-picker 限制结束时间大于开始时间。

原创 ant-design-vue a-table 鼠标悬浮提示框

【代码】ant-design-vue a-table 鼠标悬浮提示框。

原创 【无标题】

【代码】【无标题】

原创 vue2 清除页面缓存

vue清除缓存

原创 css梯形+切角阴影效果

css梯形+切角阴影效果

原创 js合并两个数组中同一类型的type对象

【代码】js合并两个数组中同一类型的type对象。

原创 数组转json

js,数组转json

转载 数组去重方法（包括复杂类型）

// 1.ES6 Set去重（ES6中最常用）function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];console.log(unique(arr)) //[1, "true", tru

原创 vue v-if和v-for在同一标签

// 在Vue2中，v-for优先级是高于v-if的<div v-for="item in [1, 2, 3, 4, 5, 6, 7]" v-if="item !== 5"> {{item}}</div>// 这种写法，会先把7个元素都遍历出来，再逐一判断是否为5，把5给隐藏，这样就渲染了无用的节点，增加dom操作，可以使用computed来处理<div v-for="item in list"> {{item}}</div>

原创 vue中箭头展开收起效果

vue中箭头展开收起效果 <i :class="{ 'arrowRight': !flag, 'arrowDown': flag}" class="el-icon-arrow-right" style="margin-left:5px" @click="flag = !flag"></i>data() { return { flag : false } },<style>.arrowRight{ cursor: pointe

原创 elementui中date-picker当前年之后不可选择

elementui中date-picker当前年之后不可选择 <el-date-picker v-model="time" type="year" :picker-options="pickerOptions" placeholder="选择年"> </el-date-picker> data() { return { time: new Date(), pick

原创 2021-09-11

快速删除数组中对象内的某些值方法1const deleteParams = ['name', 'show', 'age'] const data = [ { name: 'zs', show: true, age: '12', eat: 'apple', look: 'book' }, { name: 'lisi', show: true, age: '10', eat: 'apple', look: 'book' }, ] let others = data.map(item=>{ eval(v

原创 2021-06-10

elementui中 el-table 点击选中背景色2.data中绑定数值3.// 选中背景色rowClass({row, rowIndex}) {if(row == this.chooseRow){return { “border”: “solid 1px #3dffef”,“background-color”: “rgba(185, 221, 249, 0.75)” }}},// 点击一行事件handdle(row, event, column) {this.chooseRo

原创 axios / vue-router中使用进度条显示

// 在axios中// 1.npm中安装nprogressnpm install nprogress -S// 2.导入import axios from 'axios'import NProgress from 'nprogress'import 'nprogress/nprogress.css'// 3.拦截器中使用//请求拦截器 - 开启进度条Server.interceptors.request.use(config => { NProgress.start()

原创 js判断浏览器类型

//判断当前浏览类型 function BrowserType() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatible") > -1 && u...

原创 vue实现导出zip功能

//1.npm安装依赖npm install jszip /npm install script-loader / npm install file-saver//2.封装好js代码模块/* eslint-disable *///require('script-loader!file-saver')import { saveAs } from 'file-saver'import JSZip from 'jszip'export function export_txt_to_zip(t

原创 js删除数组中符合条件的多项

//js删除数组中符合条件的多项 for(let i = 0; i < chooseFile.length; i++) { if(chooseFile[i].isFolder && chooseFile[i].name.indexOf('3D') !== -1) { chooseFile.splice(i--,1); //i要-- } }

原创 vue 简单的点击滚动到顶部动效

//给图标绑定点击方法 <img @click="toTop" class="dh" src="../assets/img/index/daohan.png" alt="">//添加方法 toTop() { let top = document.documentElement.scrollTop || document.body.scrollTop; // 实现滚动效果 const timeTop = setInterval(() => {

原创 vue-发送验证码

<div v-if="isSend" @click="sendMsg"><span>发送验证码</span></div><div v-else> <span>({{num}})</span> <span>重新获取</span></div>data数据添加 data() { return { isSend:true, .

原创 vue 使用导出excel功能

第一步 安装依赖包, 　　cnpm install file-saver　　cnpm install xlsx cnpm install script-loader第二步 在项目中创建Blob和Export2Excel两个js文件绑定点击事件 @click="exportToExcel" //导出 exportToExcel() { ...

原创 安卓调用vue methods中的方法

mounted() { //安卓调用vue方法并传参 window['setAddress'] = val => { this.setAddress(val) } // window['setModel'] = val => { // this.setModel(val) // } ...

原创 vue h5页面中打开app

1 . 下载插件npm install callapp-lib --savenpm install timers --save2.import CallApp from “callapp-lib”;import { setTimeout } from ‘timers’;openApp() {// 是微信内部webViewif (this.is_weixn()) {alert(...

原创 H5与原生app交互

function isAndroid_ios(){ //区别and还是ioslet u = navigator.userAgent;let isAndroid = u.indexOf(‘Android’) > -1 || u.indexOf(‘Linux’) > -1; //glet isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS...

原创 ios系统下input边框有默认阴影

原创 去除滚动条

原创 小程序文本溢出隐藏写

display: -webkit-box;word-break: break-all;text-overflow: ellipsis; //超出文字用省略号代替overflow: hidden; //多出不分隐藏-webkit-box-orient: vertical; //竖直方向的超出和隐藏-webkit-line-clamp: 1; //设定行数...