vue
原莱_
我要山要海要自由,开玩笑的我要上班了
展开
-
echarts中图例以及tooltip过多、x轴文本过长处理、y轴区间设置
处理echarts中图例以及tooltip过多时的样式原创 2022-06-22 12:32:46 · 3518 阅读 · 0 评论 -
js树形数据扁平化
问题描述{ a: { b: 1, c: 2, d: {e: 5} }, b: [1, 3, {a: 2, b: 3}], c: 3}// 转换{ 'a.b': 1, 'a.c': 2, 'a.d.e': 5, 'b[0]': 1, 'b[1]': 3, 'b[2].a': 2, 'b[2].b': 3, 'c': 3} 实现代码var comType=['object','array'];let o原创 2022-02-22 15:01:38 · 2481 阅读 · 0 评论 -
vue搭建路由报错 TypeError: Object(...) is not a function
vue搭建路由报错 TypeError: Object(…) is not a functionvue-routerpackage.json文件中查看版本号过高,将vue-router版本降低npm i vue-router@3.2.0就不会报错了原创 2022-02-18 17:07:44 · 1762 阅读 · 2 评论 -
element-ui中@selection-change执行两次
element-ui中的table里@selection-change执行了两次<template> <div> <div> <el-input clearable placeholder="搜索..." prefix-icon="el-icon-search" v-model="serarchText"></el-input> </div> <el-table border stripe原创 2022-02-14 11:11:25 · 5969 阅读 · 6 评论 -
element框架的teble表格的数据展示由横向转纵向
<template> <div class="m50"> <el-table border style="margin-top: 50px;" :data="originData"> <el-table-column label="题型" property="type" align="center"> </el-table-column> <el转载 2022-01-14 18:56:49 · 2401 阅读 · 0 评论 -
vue项目报错:Module build failed (from ./node_modules/vue-loader/index.js)
运行项目报错Module build failed (from ./node_modules/vue-loader/index.js):TypeError: Cannot read properties of undefined (reading ‘vue’)Module build failed (from ./node_modules/vue-loader/index.js):TypeError: Cannot read properties of undefined (reading 'vue转载 2021-12-03 16:49:12 · 12368 阅读 · 1 评论 -
vue杂货铺
dom&bom摘要:DOM 是为了操作文档出现的 API,document 是其的一个对象;BOM 是为了操作浏览器出现的 API,window 是其的一个对象。BOM是浏览器对象模型,DOM是文档对象模型,前者是对浏览器本身进行操作,而后者是对浏览器(可看成容器)内的内容进行操作BOM包含了DOM(对象),浏览器提供出来给予访问的是BOM对象,从BOM对象再访问到DOM对象,从而js可以操作浏览器以及浏览器读取到的文档。从window.document已然可以看出,DOM的最根本的对原创 2021-11-16 16:22:28 · 820 阅读 · 0 评论 -
echarts关系图改造+color自定义
echats节点设置不同颜色this.$nextTick(()=>{ var chartDom = document.getElementById('echartshow'); var myChart = echarts.init(chartDom); var option; option = { tooltip: {}, animationDurationUpdate: 1500, animationEasingUpdate: 'quinticInOut',原创 2021-11-11 11:29:54 · 2085 阅读 · 0 评论 -
递归判断对象属性是否有值
递归判断对象属性值是否为空面对一个复杂的对象,在最后处理数据校验非空的时候,可以使用以下方法let data={ attr1:'abc', attr2:'def', attr3:[ { attr4:'abc', attr5:'def', },{ attr6:'abc', attr7:'', } ], attr8:{ attr9:'abc', attr10:'', }}function judg原创 2021-11-10 18:44:03 · 993 阅读 · 0 评论 -
安全防范xss&csrf
安全防范1、xssXSS即 Cross Site Scripting (跨站脚本攻击),指的是攻击者想尽一切办法将一些可执行的代码注入到网页中,利用这些恶意脚本,攻击者可获取用户的敏感信息如 Cookie、SessionID 等,进而危害数据安全。XSS 可以分为:存储型 XSS (也叫持久型 XSS)、反射型 XSS (也叫非持久型)。1.1 存储型 XSS存储型也就是攻击的代码被服务端写入进数据库中这种攻击常见于带有用户保存数据的网站功能,如论坛发帖、商品评论、用户私信等。具有攻原创 2021-07-04 14:40:26 · 485 阅读 · 0 评论 -
弹窗循环回调
背景:在提交之前,后端进行多个校验,包含阻断校验和非阻断校验。返回阻断以及非阻断标识,及提示语。阻断的校验直接返回非阻断校验设置弹窗,为否则返回选择是则继续下一个弹窗(回调下一个非阻断),最后一个为是则调用最终提交方法data(){ return { stopindex:0, typeText:null, }}//校验toconfirm(){ _this.api.xxx(xxx).then(res => { if(!res.data.原创 2021-04-12 11:30:35 · 541 阅读 · 0 评论 -
vue移动端iOS操作过程中自动刷新
iOS移动端操作过程中自动刷新ios自带的刷新机制,内存过量自动刷新。可能是存在上传图片、文件等的缓存过大。压缩图片: //压缩的转为file dataURLtoFile(dataurl) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Ar原创 2021-04-12 11:07:55 · 1714 阅读 · 0 评论 -
vue项目中的内存泄漏
vue中内存泄漏的问题Q:前几天项目遇到了一个问题,访问页面导致内存不断上涨。A:原因是在跳转路由销毁页面的时候,并没有释放内存。接下来就开始查找资料,去排查到底是哪部分的问题,导致内存不释放。以下链接就是帮助我排查的资料:!!!需要注意的是,如果没有以下的现象(放上去2s显示节点信息等),就卸载掉高版本的谷歌浏览器,下载一个低版本(68及以下的即可)https://www.chromedownloads.net/chrome64win如果熟悉之后找不到内存泄漏的点,那就要适当的转换方原创 2021-03-10 17:09:26 · 4546 阅读 · 3 评论 -
代码变漂亮!
让你的代码变漂亮吧多层嵌套this.axios.get(url).then(res=>{ if(res.status){ if(res.status==109){ this.isShow = true } }})//魔法棒======================>this.axios.get(url).then(res=>{ res.status && res.status==1原创 2021-01-29 16:05:20 · 146 阅读 · 1 评论 -
vue的entries和nextTick
Object.entries()可以把一个对象的键值以数组的形式遍历出来 let str = 'abcdefg'; console.log(Object.entries(str)) //["0", "a"]["1", "b"]["2", "c"]["3", "d"]["4", "e"]["5", "f"]["6", "g"] let num = 123; console.log(Object.entries(num))//[] let floatnum = 1原创 2021-01-19 15:02:12 · 667 阅读 · 0 评论 -
脚手架创建vue项目
1、vue create demopreset -------- Manually select featuresfeatures neededChoose Vue version :选择Vue版本babel:将es6转成es5router:路由vuex:状态管理模式css pre-processors:CSS预处理器linter/formatter:格式化程序choose vue version ------------- 2.xhistory mode原创 2021-01-18 17:07:04 · 195 阅读 · 0 评论 -
组件通信
组件通信(传值)父传子传值//父组件中------------------//1、父组件传自己的数据info给子组件first<first :msg='info'></first>//子组件中------------------//2、子组件用和data平级的props接收父组件的传值//props专门接收传值,是一个字符串数组props:['msg']//3、子组件使用父组件传的值<h2>{{msg}}</h2>单项数据原创 2020-09-26 15:25:00 · 74 阅读 · 1 评论