总所周知，vue中的transition标签可以方便得进行动画过渡，使用的方法也很简单。 <transition name="你要的名字">过渡的元素... </transition> 这里需要主要一点的是：过渡的元素只能是以下之一：条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点常用的过渡名称有fade等你可以这样用 <transition name="fade">过渡的元素... </transition>实现的效果就是淡入淡出。如果需要自定义过渡动画的，记得在css中修改以下...
此方案只能用于开发环境，线上最好设置同源策略（遇到个后端,装你妈批） 前后端不在同一服务器的情况下，前端要访问后端API，可通过在vue.config.js中配置代理服务器。 0：前提条件 1：安装vue-lic 2：安装axios 用于发送请求。 1：将任何未知请求转发到代理服务器 如： 前端地址：127.0.0.1 后端地址：127.0.0.2 当访问地址为 127.0.0.1/api，没有匹配到这地址，那么就会被转发到代理服务器127.0.0.2/api module.exports={devSer...
一、整体思路 1.思路来源 最近工作比较忙好久没写文章了，有一丢丢不知道如何写起了，那就先说说我是为什么要开发本文的组件把。公司有一个定位系统，基本上来说一个定位单位一分钟或者更短就会有一个定位点，这样一天下来就会有很多定位点了，如果表格想要一下子放一天甚至三天的数据，那么数据量将会特别大（可能会到达5万条左右的数据），如果我们显示的列又比较多的话，那么表格的卡顿问题就会很明显了。我们公司web端选择的ui...
<IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRule ^index\.html$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.html [L] </IfModule>nginx配置 location / {try_files $uri $uri/ /index.html; }vue history模式下nginx配置 服务端nginx的一开始配置如下（假设域名为：xx.xxx.com）： [***** ~]# cat /Data/app/nginx/conf/vhosts/xx.xxx.com.conf server...
前端小菜鸟，因为项目要对接微信的jssdk，对接就需要签名认证，但是无奈安卓和IOS各有各的坑，本篇文章只讨论签名，和一个分享的坑，希望大家有所收获，能够解决问题，如果解决不到，请麻烦在评论区留言，本文综合了所有的回答，才调试出来坑 需求： 使用微信的功能 原因： 1. 项目基于vue，在微信上的web应用 2. 要使用上传功能(不同系统的兼容真的很多BUG，最后只能使用微信方案)，支付功能，定位.... 3. 签名一直存在bug和问题，...
最近接手了一个后台管理系统，技术栈主要是vue全家桶+elementui，老大打开测试环境页面的时候，说看到首页需要6秒钟，那如何进行优化呢？ 首先我们需要安装webpack-bundle-analyzer // webpack.prod.conf.js if (config.build.bundleAnalyzerReport) {const BundleAnalyzerPlugin = require(webpack-bundle-analyzer).BundleAnalyzerPluginwebpackConfig.plugins.push(new BundleAnalyzerPlugin()) } // config/index.js build: {/...
最近参与了山东某一公司的呼叫中心系统的开发项目，我负责的模块是在公司已有的前端Vue框架下集成他们的软电话条功能。从开始到结束所遇到的几个问题如下： 1.如何将ActiveX控件引入Vue，并且在页面上成功渲染； 2.如何调用ActiveX已提供的方法； 3.如何监听ActiveX的动作； （注：以上问题在html的文件里不存在） 我们先来看下第一个问题：如何将ActiveX控件引入Vue，并且在页面上成功渲染。如何将ActiveX控件渲染到页面上。根据客...
前言 vue渲染小数据挺快,大数据vue开始出现卡顿现象，本文讲给大家详细介绍关于vue大数据表格卡顿问题的解决方法 点我在线体验Demo(请用电脑查看) 亲测苹果电脑，chrome浏览器无卡顿现象，其它浏览器并未测试，如遇到卡顿请备注系统和浏览器，方便我后续优化，谢谢 先看一下效果,一共1000 X 100 = 10W个单元格基本感受不到卡顿，而且每个单元格点击可以编辑，支持固定头和固定列项目源代码地址 Github (本地下载)解决问题核心点：横...
本文实例讲述了vue v-for循环重复数据无法添加问题解决方法。分享给大家供大家参考，具体如下： 问题： 错误提示如下：解决问题的代码示例： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>www.gxlcms.com vue v-for循环重复数据无法添加问题</title><style></style><script src="vue.js"></script><script></script> </head> <body><div id="box"><input type="button" value="添加" @click="add"><ul><l...
写在前面： 传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vue router 是如何进行传参的，以及一些小细节问题。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。 Vue router如何传参 params、query是什么？ params：/router1/:id ，/router1/123，/router1/789 ,这里的id叫做params query：/router1?id=123 ,/router1?id=456 ,这里的id叫做query。 路由界...
今天在工作中遇到一个问题，郁闷了很久，特地写一篇博客记录一下，方便以后再遇到可以查找，也分享个各位小伙伴，在网上查找很多资料说用Vue.$set设置属性后视图也会更新，但是真相并不是这样，通过等于号赋值和$set方法我都试了，前台属性值改变但是视图并没有改变，下面上图：我需要做的就是下面的Email和Fax属性的值从第一排的输入框用户输入获取，但是输入过后下面的文本框的值并为发生变化，在浏览器console却发现值已经改变了...
前言 最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的 例如：定义的 data 的 form 里面是空对象，需要动态生成里面的 key export default {data() {return {form: {}}}, }从后端接口得到 checkList，这个就是动态生成的表单数据v-for 循环 checkList，得到 key，然后直接 v-model=“form.key” 动态生成 form 里面的 key...
一、背景 先简单介绍一下现在项目情况：前后端分离，后端服务是Java写的，前端是Vue+ElementUI。 最近的一个需求是：通过后端Api去获取前端路由表，原因是每个登录角色对应的前端路由表可能是不一样的（权限问题） 二、遇到的问题 因为前端Vue+ElementUI项目是单页应用——即只有一个index.html页面，如果路由从远程获取的话，每次F5或点击刷新按钮刷新页面的时候，就会找不到对应的路径而报404错误 三、解决方案 1、通过api远...
跨域由于开发模式为前后端分离式开发，故而通常情况下，前端和后端可能运行不同的ip或者port下，导致出现跨域问题，故而单独说明 什么是跨域跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。 什么是同源策略？ 同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安...
如何在vue里面优雅的解决跨域，路由冲突问题当我们在路由里面配置成以下代理可以解决跨域问题 proxyTable: {/goods/*: {target: http://localhost:3000},/users/*: {target: http://localhost:3000}}, 这种配置方式在一定程度上解决了跨域问题，但是会带来一些问题，比如我们的vue 路由 也命名为 goods，这时候就会产生了冲突，如果项目中接口很多，都在这里配置是很麻烦的，也容易产生路由冲突。正确的姿势如果把所有的接口，统一...