- 博客(36)
- 收藏
- 关注
RSS订阅原创 关于 uniapp 中，自定义的icon不显示
在开发 时，需要引入 中的我们自己的字体图标库时，我按照以往在 中的引入方法并结合 官方提供的步骤，一步一步走下来，结果发现字体图标不显示，而且需要修改的文件地址也是正确的，通过查看元素样式，发现字体类已经生效，于是我打开本地的浏览器再看，发现在本地浏览器下，自定的图标库是可以显示的，但是在 内置浏览器下不显示；这就怪了…于是我就不再使用我们自己的字体，而是按照官方的步骤，从添加开始，到自己创建项目，一步一步，一步一步…最终引入到项目中去，竟然发现，在内置浏览器下是可以正常显示的；经过这次的引入，我从
2022-06-13 14:56:11
3138
原创 ant-design-vue 的 tab 标签页的拖拽功能
项目中使用 ant-design-vue的 tab组件时，需要可以对tab的标签页进行调整顺序，结果查看文档，发现vue的组件是没有提供此功能，而react的组件提供了此功能，本着一切从简的想法，于是乎，找到了如下的解决方法：因为项目中已经有用到vue的Sortable组件，所以就结合这个组件来实现tab标签页的拖拽<template> <!-- 测试 ant tag 组件的拖拽 --> <a-tabs type="card" size="sma
2021-10-12 15:47:10
2390
原创 JAVA配合Freemark模板生成word返回文件流，前台vue接收下载
直接上vue的代码： let sendData = {} let successCallBack = (resp) => { if (resp.status !== 200) { this.$message.error('文件下载失败') return false } // ********************* 接收文件流 *********************** let blob = new Blo
2021-09-06 08:57:01
728
原创 vue的Axios并行请求--Axios.all()
在做项目的过程中，可能会出现这样的场景：某个模块的数据后端是通过好几个接口分开给前端的，所以前端需要拿到数据后对数据进行组装，然后再进行一次性渲染，这种情况下，如果按照正常的异步请求，就可能会导致有的数据展示不出来，因为每个接口请求完成的先后顺序是不固定的，于是就想到了变异步为同步，这样就能够保证最终渲染的数据是完整且正确的，但是使用了同步请求，就会导致数据加载时间过长，影响性能；于是乎~就想到了并行请求Axios.all()（所有请求同时进行，并且所有请求全部完成后再对数据进行处理），如下：下面是官方例
2021-09-01 15:48:40
2718
原创 关于iview upload动态设置default-file-list无效的解决方法
在项目中使用iview中upload组件的自定义上传列表时，根据项目的应用场景，我需要动态设置默认的显示列表，但是在我手动修改defaultList的值后，发现页面并无任何变化，并且图片上传成功后，文件列表也不再显示所上传的文件，我尝试打印了console.log(this.$refs.upload),结果中的defaultFileList和fileList都为我设置的内容，但是单独打印了console.log(this.$refs.upload.fileList),发现结果显示的还是修改前的内容，这就奇了
2021-01-14 23:59:07
1936
原创 解决iview table组件动态表头更新时的报错问题
问题：使用iview的table组件时，需要动态更新表头的数据，会出现如下错误：You may have an infinite update loop in watcher with expression “columns“在网上一通搜索后，大部分的解决办法都是修改源码，但是我个人觉得这并不是一个很好的解决办法，所以，经过我的苦思冥想加实际验证，最终在不修改源码的情况下解决掉了这个让认头大的bug,解决方式如下：(比较简单)解决方式：使用v-if延迟加载table组件，在数据更新时，浏览器将重
2020-10-23 17:30:38
1096
1
原创 js正则表达式查询时特殊字符的处理
项目中需要前端进行模糊搜索时，需要对用户输入的内容先进行一次特殊字符的转义处理处理，我的处理方式如下： // ...... let searchText = '' // 搜索框中输入的内容 // 输入的文本中包含以下特殊字符时需要先进行转义 // 注：要先替换 \ ,否则会将前面已转义的字符中的\再次进行转义 let specialCharacter = ['\\', '$', '(', ')', '*', '+', '.', '[', '?', '^', '{', '|'] sp
2020-05-29 10:58:51
1921
原创 vue在执行代码(客户端代码)中使用定义的环境变量(cross-env)
vue管理多项目请移步https://blog.csdn.net/qq_40652539/article/details/102506149场景：我是由于在同一个vue服务下管理了多个项目，而个别界面是这些项目共用的，对于多项目共用的这个界面而言，在每个项目下又存在个细微的差别(比如：不同项目下只是界面的背景图不同)，于是乎，我需要在这个页面中针对不同的项目显示不同的图片解决方法：第一...
2020-03-06 21:37:08
502
原创 vue终止已发送的axios请求
项目中碰到了一种情况：同一界面中，数据信息比较复杂或者比较大，网络请求比较慢，并且还需要多种数据可以切换显示，如果我们在上一个数据未请求完成时便切换到下一个数据显示，则可能会造成界面上的数据显示错误，这时，我们就需要在请求下一数据之前将上一个请求任务终止掉；方式一：const CancelToken = axios.CancelToken;const source = CancelToken...
2020-03-02 18:04:13
3080
原创 centos7虚拟机中设置共享文件加
设置共享文件加的前提条件是虚拟机已经安装了VMware Tools.一、安装VMware Tools1、VMware Workstation菜单栏中，选择“虚拟机”，”安装VMware Tools…“。（注：此时下方可能会弹出“确保您已登录客户端”之类的提醒忽略就好了。）2、挂载VMware Tools安装程序到/mnt/cdrom/,如下命令：...
2019-12-07 18:29:22
325
原创 nginx命令
nginx正向代理和反向代理的详解请参照：https://blog.51.cto.com/loglei/2154851nginx相关命令：start nginx启动nginx -s stopfast shutdownnginx -s quitgraceful shutdownnginx -s reloadchanging configuration,starting new worke...
2019-11-17 20:18:48
191
原创 vue项目打包后跨域
关于vue的跨域配置，有开发环境的跨域和生产环境的跨域，详见我的另一篇博客：https://blog.csdn.net/qq_40652539/article/details/102877458；对于上篇文章的生产环境的跨域地址配置，是将所有接口的访问都指向同一个服务器，而对于前后端未完全分离的项目，如果有某个接口需要访问非当前项目的另一台服务器的话，就需要对这个接口单独进行处理了，针对这个问题...
2019-11-17 20:08:51
2548
原创 vue发送form-data数据格式请求
在vue中调用就项目的已有接口时，发现一直报500的错误，经过network中的请求方式进行了对比，如下图：旧项目的接口请求：我的接口请求：经过对比，发现旧项目中的请求数据格式为form-data格式，而vue中的请求数据格式为json格式，于是，我就在vue的axios请求时进行了配置，将它的请求数据格式改为form-data格式，具体如下：设置headers请求头： ... l...
2019-11-05 16:15:47
24457
原创 vue项目的跨域配置
使用vuecli + webpack进行项目开发时，遇到了需要跨域访问的情况，这里简单记录一下前端的跨域配置，如下：1、配置本地代理修改config文件夹下的index.js文件中的dev下的proxyTable属性，如下： ... dev: { // Paths assetsSubDirectory: 'static', assetsPublicPat...
2019-11-02 23:49:08
2257
原创 vue中filter过滤器中的this指向
在项目中遇到一个情况，在对日期进行格式化时，定义了一个局部过滤器，但是在过滤器中使用this调用vue的方法时，报方法为undefined的错误，经过对this的打印输出，发现输出结果为undefined;问题如下： <template> {{ '1558490001000' | formatDate }} </template> <script>...
2019-10-25 15:14:42
11438
2
原创 vue中给对象新增属性，无法触发视图更新
在开发时碰到一种情况：在vue的data里声明一个对象，如：dataObj: {}，然后动态给对象新增一个属性，但是视图层无法更新解决方法：动态给 dataObj新增属性时：错误的方法：this.dataObj.name='haha',这样直接新增属性时不能被vue所监听;正确的方法：this.$set(this.dataObj, 'name', 'haha'),这样就能被vue监听到，从...
2019-10-24 18:19:13
809
原创 关于vue多个项目的管理
环境：vueCli + webpack应用场景：一套代码需要支持10几家客户，每家的皮肤，功能都有一些小的差异，主体流程大致是一样的。思路：在一个vue的服务中管理多个项目，各项目的功能模块相对独立，但公共部分可以提取为公共组件，并在多个项目之间进行调用实现方法：一、项目结构：在src文件夹下创建各项目的文件夹，并在项目文件夹中创建assets、components、router、...
2019-10-11 19:15:56
3475
2
原创 谷歌浏览器安装react developer tools 工具
步骤：1.下载devtools通过命令：git clone https://github.com/facebook/react-devtools.git将文件下载到本地2.安装相关依赖下载完成后，进入react-devtools目录下，使用npm安装相关依赖，命令如下：npm --registry https://registry.npm.taobao.org install3.编译项...
2019-07-25 15:33:42
1099
原创 关于vue+webpack多环境配置的方式配置多入口文件
按照下面的步骤进行修改相关文件：新增加的入口文件与默认的入口文件在项目的目录树中属于同一级步骤1：打开webpack.base.conf.js，按照下图进行修改：步骤2：打开package.json文件，添加响应的启动命令：步骤3：运行npm run dev-app相关报错：1、错误如下图：解决方式：安装依赖包： npm install cross-env --sa...
2019-06-24 19:46:19
819
原创 关于vue中引入less时的报错集
在vue中引入并使用less时的相关错误及解决方案：1、错误一：错误如下图所示：因为当前项目版本2.9.6 已经在build/utils里配置了less的处理，所以和之前在build/webpack.base.conf.js中配置的less-loader冲突解决方法：将冲突的less-loader去掉即可，如下图：...
2019-06-23 19:28:52
9007
4
原创 vue中使用自定义的公共less文件
项目环境：vue 2.9.6 + webpack + iview为了更加方便的管理和维护css,决定在项目中使用Less，并创建一个公共的less文件,但是在引用时出现了一系列的问题，其中尝试了下面两种引入方式：1、在入口js文件中import2、在入口的vue文件的style中@import，style不加scope;在这过程中也出现了很多问题，不过也都一一解决了，但是遗憾的是，这两种...
2019-06-23 19:07:50
1398
原创 在vue中使用quill-editor富文本编辑器（自定义工具栏、重写上传文件功能、工具栏中增加额外的功能按钮）
下面对quill-editor的使用包含了自定义工具栏、重写工具栏中的上传文件功能、在工具栏中新增额外的功能按钮进入我们的项目文件夹，并打开命令行窗口，然后进行下面的步骤：1、安装vue-quill-editor输入命令：npm install vue-quill-editor --save2、引入插件在项目的入口文件main.js中引入插件，如下：import VueQuillE...
2019-03-15 17:53:03
5532
原创 nodejs的http request发送get、post请求
1、引入相关模块使用http request时必须先引入http和querystring模块，如下：// 引入相关模块var http = require('http')var querystring = require('querystring')2、使用get请求// 需要提交的数据var data = { a: 111, time: Date.now()}var d...
2019-02-21 15:44:32
7159
转载 vue 使用post请求时报URLSearchParams的错误
参考网址：https://blog.csdn.net/guoscy/article/details/78953532
2019-01-03 17:17:27
1620
原创 解决ie11下vue+webpack项目中访问接口成功后数据不更新
原因：vue +webpack 项目中数据更新后页面没有刷新问题，ie11下，如果GET请求请求相同的URL，默认会使用之前请求来的缓存数据，而不会去请求接口获取最新数据。解决方法：在更新数据的接口中添加时间戳的参数（Date.now()）,这样就保证了每一次请求的URL都不同，ie11就会不断的请求接口而不使用缓存数据...
2019-01-03 16:59:02
1072
原创 用户清除cookie后，再次操作，跳出frame框架返回到登录页面
如下图所示（图片摘自网络）：解决方法：在登录界面的头部添加下面的代码：<script> // 若在框架中，则window.name的值为frame的name属性值，如： rightFrame if(window.name != ''){ window.parent.location.href = "/" }</script>...
2018-12-13 15:48:29
1087
原创 vue中使用video插件vue-video-player
进入我们的项目文件夹中，并打开命令行窗口，然后进行下面的步骤：1、安装vue-video-player输入命令：npm install vue-video-player -S2、引入插件在项目的入口文件main.js中引入插件，如下：import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css...
2018-12-13 14:03:34
7716
3
原创 vue父组件和子组件之间的传值及方法调用
1、父组件向子组件传值&lt;!-- haha在vue实例的data中定义并设置默认值 --&gt;&lt;my-component :myData='haha'&gt;&lt;/my-component&gt;2、子组件接受父组件传的值通过props来接受， 如下：props: ['myData']3、父组件向子组件传方法&lt;!-- aaFunc在vue实
2018-12-11 17:17:05
2304
原创 vue修饰符总结及积累
在vue中v-model、v-on除了常规用法，这些指令也支持特殊方式绑定方法，以修饰符的方式实现，通过在指令后面用小数点 .连接修饰符名称来调用修饰符，下面是对vue中的修饰符的总结及积累：一、v-model的修饰符v-model是用于在表单表单元素上创建双向数据绑定的指令。在 &amp;lt;input&amp;gt;和 &amp;lt;textarea&amp;gt;上，默认通过监听元素的 input 事件来更新绑定的...
2018-12-11 16:01:59
819
原创 搭建vue脚手架(vue-cli)
一、搭建开发环境1、安装node从node官网下载并安装Node,安装完之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。2、安装淘宝镜像（选择性）由于npm的服务器是国外的，有时候安装‘依赖’的时候会很慢，所以可以使用淘宝镜像及其命令cnpm,可以在命令行窗口输入：npm install -g cnpm --regi...
2018-12-10 17:32:52
180
原创 VUE2.0项目在ie中打开后页面空白的问题
报错如下：原因：Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作...
2018-12-06 16:27:27
1386
原创 解决IE识别ES6语法
使用jq做项目时，混用了部分es6的语法，导致在IE下项目无法正常运行，于是乎，便在网上找到了下面两种方法，并尝试了一下：一、直接在浏览器中引入browser.min.js，并且将script的type设置成text/babel尝试了在网上下载browser.min.js，结果使用时会报错，所以使用下面的方式生成browser.min.js：1、安装Node2、node安装成功后，使用n...
2018-12-06 14:23:12
7511
原创 关于前端js兼容性问题的积累
1、event的兼容写法(1) 实参不传入event形参中无论是否接收event时，直接使用 event || window.event, 谷歌和ie正常，在火狐下会报event为undefined，需要在形参中接收event，并添加 arguments.callee.caller.arguments[0] 写发(2) 实参传入event形参接收event，可直接使用 event || w...
2018-12-05 16:12:10
984
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人