
Vue
文章平均质量分 50
非正式搬砖工
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
promise-遍历发起请求,前面的请求完成之后再去发起后续的请求
需求场景:N组IP,遍历去调接口,一组IP调两个不同的接口,前一个接口成功之后,再去调后一个接口,否则,遍历结束。实现:首先想到的是for循环,但因为是一组请求两个异步的IP不太好处理,所以最后采用了递归+promise的方式。在发起请求的方法里面定义一个count变量let count = 0然后写一个递归方法比如recursion(),形参传一个IP组,定义这个方法的时候需要用到发起请求的方法pollRequest(),pollRequest里面使用promise处理同步的请求,然后在递归的方法里原创 2022-06-09 13:33:10 · 1552 阅读 · 1 评论 -
Echarts x轴数据第一个值与坐标轴原点重合
Echarts x轴数据第一个值与坐标轴原点重合vue 项目中Echarts避坑系列提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录Echarts x轴数据第一个值与坐标轴原点重合前言一、官方demo,想要实现的样子?二、我遇到的问题三、具体解决总结前言提示:以下是本篇文章正文内容,下面案例可供参考一、官方demo,想要实现的样子?二、我遇到的问题我的代码initChart () { this.myChartOne = this.$ech原创 2021-01-18 14:40:59 · 3235 阅读 · 2 评论 -
vue前端项目中实现Echarts
一、vue搭建前端项目1、新建文件夹,此处打开cmd,安装vue-clinpm install @vue/cli -g安装时报错。。。避坑:1.1安装淘宝境像npm install -g cnpm --registry=https://registry.npm.taobao.org1.2切换淘宝镜像npm config set registry https://registry.npm.taobao.org/npm config get registry https://registr原创 2020-12-20 02:04:42 · 1246 阅读 · 1 评论 -
ES6基础知识
1、let 与 var与var的使用没有基本区别,但是let没有变量提升// 变量不提升console.log(city)let city = 'xian'console.log(tool)var tool= 'taidi'//相当于var toolconsole.log(tool)tool = 'taidi'2、模板字符串 ``在需要的替换的位置使用${}占位,并填入内容即可。3、对象的简化赋值如果变量名和属性名相同,可以简写,如果是方法,可以省略 function原创 2020-08-02 17:49:28 · 177 阅读 · 0 评论 -
ant design vue 表头自定义筛选
这是后端同事给我提的优化。。。其实搜索里面已经有这一搜索条件了,我不知道为啥还要加一个。那既然提了,就得想办法实现。然后我找了官方文档。这是官方网站给的示例及代码:地址点【这里】怎么说代码还是挺晦涩难懂的,而且还没有注释。所以还得借助度娘。简单说,官方文档里还是借助column中onFilter方法进行筛选的,但是我这列是编码经过转译展现在前端的。所以我的想法是借助它的样式,然后绑定一个函数,实现自定义搜索。当时找到一个博客,注释还挺详细的。地址点【这里】column中的博客中记录的如下原创 2020-05-22 16:28:55 · 7998 阅读 · 1 评论 -
antdv实现上传导入功能
需求:上传单个excel文件,手动导入,针对某些特定字段做相应错误提示。后端同学已经写好了相应的接口,不过我们这前后端分离有些离谱,直接给了一段代码。。。哈哈哈后端:代码:入参为file前端:找大佬商量后,我们暂定的业务流程是,给一个modal点击事件,然后使用antdv中的upload组件,手动上传。但是这块的代码设定是可以无限上传,查了一下相关的api,我的想法是上传一个文件之后,上面那个选择文件的按钮即置灰,不可点击,upload按钮可点击,在删除选择的文件之后,两个按钮又变回之前的原创 2020-05-15 16:04:54 · 2818 阅读 · 1 评论 -
antdv 修改table中的样式
想要改变table中的column的样式,可以根据align来改变{ title: '操作', key: 'action', scopedSlots: {customRender: 'action'}, align: 'center', width: 140 }但是有一点,比如说align = 'left’就是将列标题以及本列的所有内容居中,我想要实现这种效果。实现:先给table一个class然后F12定义到该列标题的calss,使用这段代码原创 2020-05-08 18:05:58 · 4084 阅读 · 0 评论 -
VUE开发过程中用到的JS方法
VUE开发过程中用到的JS方法1、substring()来源:https://www.w3school.com.cn/js/jsref_substring.asp应用场景:前端展示对描述过多的文字不展示,当鼠标放上去时,以弹框的方式展示全部内容实际效果:实现想法:利用antdv里面的文字提示插件tooltip,当文字描述大于x时,以弹框方式展示,否则全部展示。代码:<temp...原创 2020-04-10 18:53:51 · 806 阅读 · 0 评论 -
date-picker之选中修改并回显
这几天上手了一个前端项目,本以为靠学的那点东西可以大展身手,没成想却处处碰壁。。。怎一个惨字了得。小问题是这样的:date-picker插件,其代码如下:<a-date-picker showTime placeholder="Select Time" @change="onChange" @ok="onOk" />默认表现形式是这样的:我以为它是字符串形式的,在选中一条...原创 2020-02-14 00:21:13 · 4078 阅读 · 0 评论 -
前端框架Vue学习09——组件
vue之组件组件与模块的区别全局组件定义的三种方式合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入组件与模块的区别组件:组件的...原创 2020-02-13 23:27:45 · 202 阅读 · 0 评论 -
前端框架Vue学习08——简单的全局配置
发起请求的时候不能在每个请求里面写上全部的url地址,这样当接口地址发生变化的时候,需要一个一个去改请求中的接口参数,因此,有必要进行一个全局配置。在vue-resource官网https://www.npmjs.com/package/vue-resource的configuration里面代码中如下://如果我们通过全局配置了请求的数据接口 跟域名,则在每次单独发送http 请求的时...原创 2019-12-17 19:01:08 · 242 阅读 · 0 评论 -
前端框架Vue学习08——vue-resource基本使用
Vue-resource发起请求,实现get、post、jsonp请求。Vue-resource的介绍如下来自:点这里看vue-resource大佬解释的已经够清楚了,我以菜鸟的角度来学习以下。安装官网:https://www.npmjs.com/package/vue-resource ,两种安装方式。1、npm i vue-resource 或者 yarn add vue-re...原创 2019-11-28 17:41:31 · 420 阅读 · 0 评论 -
前端框架Vue学习07——自定义按键修饰符、自定义全局指令
自定义按键修饰符需求就是在name输入框这里点击enter或者其他自定义键盘时,触发添加方法。<label> Name: <input type="text" class="form-control" v-model="name" @keyup.enter="add"></label>监听这个输入框 的enter 键,点击...原创 2019-11-13 18:21:44 · 215 阅读 · 0 评论 -
前端框架Vue学习06——过滤器的基本使用
过滤器:Vue.js允许自定义过滤器,可用作一些常见的文本格式化。过滤器可以用在两个地方:mustache插值(插值表达式)和v-bind表达式,过滤器应该被添加在jsb表达式的尾部,由管道符指示。过滤器调用的时候的格式:平时调用的时候直接将变量写在插值表达式中即可,如{{ name }},如果希望对name输出之前做进一步的处理,可以在name后面通过管道符的形式,给其添加一个过滤器,如{{...原创 2019-11-11 19:20:32 · 594 阅读 · 0 评论 -
前端框架Vue学习05——品牌小demo
预计完成功能增加,删除,搜索。效果展示:1、准备整个demo的布局使用bootstrap-3.3.7中的css样式。下载之后在head标签中进行引用,切记路径要找到bootstrap中的css文件。<link rel="stylesheet" href="./lib/bootstrap-3.3.7/dist/css/bootstrap.min.css">然后在vs-cod...原创 2019-10-23 20:53:46 · 438 阅读 · 0 评论 -
Vue-Devtools安装配置教程
转自:https://blog.youkuaiyun.com/weixin_38654336/article/details/80790698转载 2019-10-22 10:07:37 · 139 阅读 · 0 评论 -
前端框架Vue学习04——v-if和v-show的使用
v-if:每次都会重新删除或者创建元素,有较高的切换性能消耗v-show:每次都不会重新进行DOM的删除和创建操作,只是切换了元素的display:none样式,有较高的初始渲染消耗异同:如果元素涉及到频繁的切换,最好不要使用v-if,而是使用v-show,如果元素可能永远不会显示出来被用户看到,则推荐使用v-if.<body> <div id="app"> ...原创 2019-10-12 15:41:40 · 257 阅读 · 0 评论 -
前端框架Vue学习03——v-for指令与key属性
1、遍历普通数组<body> <div id="app"> <p v-for="item in list">{{item}}</p> <hr> <p v-for="(item,i) in list">数组索引:{{i}}---数组每一项:{{item}}</p>...原创 2019-10-09 01:11:28 · 596 阅读 · 0 评论 -
前端框架Vue学习02 ——样式
假定设定样式<style> .red { color: red; } .thin{ font-weight: 100; } .italic{ font-style: italic; } .active{...原创 2019-09-24 17:21:37 · 291 阅读 · 0 评论 -
vue ant design——时间日期range-picker插件中获取选择框中的时间
基本的时间日期可以很容易获取选择框中的时间字符串,如下:但是像这种精确到秒的时间选择框插件里面并没有写如何获取选择的时间大佬交给我一种方法,如下:先声明change事件,再定义具体方法,默认传入的是一日期对象,使用data[0].format(‘YYYY-MM-DD HH:mm:ss’)可以显示时间选择框中选择的时间字符串。https://vue.ant.design/compone...原创 2019-09-18 19:43:13 · 7400 阅读 · 0 评论 -
前端框架Vue学习01
1、概要介绍Vue是时下最流行的一种前端开发框架,在当前的Vue开发框架中,主要采用MVVM的分层开发思想,主要把每个页面分成M、V、和VM,其中VM是整个MVVM思想的核心,是M和V之间的调度者。下图是一个项目的前后端处理过程示意图(来自b站)2、下载使用从官网https://cn.vuejs.org/v2/guide/installation.html下载到本地,放到指定目录下,打开v...原创 2019-09-07 00:23:14 · 238 阅读 · 0 评论