最近在学习vue.js 碰到个ajax跨域请求的问题，之前知道可以用jsonp解决，但是一直没实践过，这次用发现里面好多问题，所以现在记录下来，希望可以给刚接触使用jsonp的同学一点帮助！ 关于什么是jsonp，以及为什么要用jsonp我就不多说了，不明白的同学自行百度一下。 我们先来说一下jQuery里面的jsonp请求，这搞懂了 vue-resource 里面的jsonp就容易明白了。 这里我以json数据为例，首先我们通过 $.get可以直接得到一个我们想要的对...
如下所示： <style> .detail{.el-input__inner {height: 48px;} } </style>直接写style注意不加scoped，然后用一个组件最外层的class包裹住，就不会改到所有的组件的样式了。 以上这篇vue中element组件样式修改无效的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
目的：使用vue-cli构建的项目，在开发时，想要访问后台接口获取数据，这时就会出现跨域问题。 在config/index.js中进行如下配置 【即在进行ajax请求时，地址中任何以/api开头的请求地址都被解析为目标地址，target就是你想要的后台接口地址】 proxyTable: { ‘/api: { target: ‘https://188.188.18.8‘, changeOrigin: true, pathRewrite: { ‘^/api: ” } } } “` vue-resource调用示例 this.$http.get(/api/v4/user/log...
最近在做一个后台管理系统，前端是用时下火热的vue.js，后台是基于springboot的。因为后台系统没有登录功能，但是公司要求统一登录，登录认证统一使用.net项目组的认证系统。那就意味着做单点登录咯，至于不知道什么是单点登录的同学，建议去找一下万能的度娘。 刚接到这个需求的时候，老夫心里便不屑的认为：区区登录何足挂齿，但是，开发的过程狠狠的打了我一巴掌（火辣辣的一巴掌）。。。，所以这次必须得好好记录一下这次教训，...
解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题，具体内容如下一. 异常描述 本来使用的是vue-router的hash模式，但是hash模式下url需要带“#”符号，不仅看起来不舒服，而且有些场景下是会破坏路由中的"#"（微信分享页面就会把"#"后边的内容处理掉），所以就需要使用history模式，然后就让后端改下nginx配置： location / { try_files $uri $uri/ /index.html; }vue-router使用history模式+使用嵌套路由： ...
在使用vux开发手机页面时，引入vux的公共样式less一直报错，通过各种百度，Google都没有解决，走了很多弯路。最后才发现钻牛角尖了，可以换一种方法引入。 1、报错的使用：在App中 @ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vux/src/styles/reset. less 3:10-115@ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style- compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineC...
在学习一位vue大牛的课程《VUE2.0移动端音乐App开发》时，由于vue的版本原因遇到了一些问题 这是其中之一，花费了很多的时间去解决 虽然搞定了这个问题，但是很多东西理解也不是很到位，下面详细说： 系统windows，vue版本2.9.1 项目结构如下：这里就知道版本差异了，我没有dev-server这个文件，按照黄大牛的配置会报404的错误，错误具体我就不贴了 直接上解决办法 首先在config目录下配置index.js文件如下然后在webpack.dev.conf中...
当前后端分离时，权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块，现在权限管理模块已经做完了，我想通过5-6篇文章，来介绍一下项目中遇到的问题以及我的解决方案，希望这个系列能够给小伙伴一些帮助。本系列文章并不是手把手的教程，主要介绍了核心思路并讲解了核心代码，完整的代码小伙伴们可以在GitHub上star并clone下来研究。另外，原本计划把项目跑起来放到网上供小伙伴们查看...
原因 今天在使用element-ui时，el-input组件监听不了回车事件，如下代码没有想要的效果： <el-input class="search-input" placeholder="请输入内容" v-model="searchText" @keyup.enter="search()"></el-input> 原因应该是element-ui自身封装了一层input标签之后影响了事件的监听，在element-ui里有很多因为自身封装了几层标签导致事件和样式无法按想要的效果呈现，遇到后可以在网页中查看dom结构分析原因。 解决 在事件后面加上....
之前在公司做项目，一直感觉用ref来定位dom节点挺方便的。但是期间遇到了一个问题，就是在mounted(){}钩子里面使用this.$refs.xxx，打印出来的却是undefined？ 于是我就对比了一下之前使用ref定位的.vue文件，发现了他们之间的区别。 我们要想知道为什么会定位不到某个DOM节点，我们首先要理解mounted(){}这个钩子函数是用来做什么的。 下面是vue官方给出的vue生命周期（部分），正如官方所说的一样，一开始不必先理解，不过随这你...
//由于windows系统的某方面问题，vue脚手架安装可能会出现第一证书丢失 // 报错：vue-cli Failed to download repo vuejs-templates/webpack-simple: unable to verify the first certificate //简单一点，你也可以直接去github下载对应的模板(template), 然后windows+r,cmd, vue init webpack-simple project --offline//project是项目名称 //在https://github.com/vuejs-templates/下载（看不懂英文直接点Clone or Download 里的...
先说结论 在自定义验证里面每一个判断都要有callback(),就是要保证callback()一定会执行到 因为要验证数字，参考了官网参考代码如下，发现有如下图bug，当输入为以数字开头包含字符串的内容时，验证不会报错，因为业务逻辑也不相符，随改写代码 <el-form-item label="年龄" prop="age"><el-input v-model.number="ruleForm2.age"></el-input></el-form-item> var checkAge = (rule, value, callback) => {if (!value) {return call...
当我们在django web框架中,使用vue的时候,会遇到语法冲突. 因为vue使用{{}},而django也使用{{}},因此会冲突. 解决办法1: 在django1.5以后,加入了标签: {% verbatim myblock %} {% endverbatim myblock %}被此标签包裹的代码将不会被Django的模板引擎渲染。 因此,我们可以把带有{{ }} 的Vue代码放在 {% verbatim myblock %}标签中间,例如: <div id="app1">{% verbatim myblock %}{{ message1 }}{% endverbatim myblock %} </div>解决...
发现问题 最近在打开项目的时候，发现我的默认路由没加载上linkActiveClass，网上一搜，发现很多同学也有这个问题，查了一些资料发现这是个重定向的问题，官网文档是这么写的 https://router.vuejs.org/zh-cn/essentials/redirect-and-alias.html 重定向 重定向也是通过 routes 配置来完成，下面例子是从 /a 重定向到 /b： const router = new VueRouter({ routes: [ { path: /a, redirect: /b } ] })重定向的目标也可以是一个命名...
相信很多小伙伴在用Vue-cli安装的脚手架开发的时候，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译打包后，放入服务器，项目就不正常了，会出现空白页或者路由跳转404等问题。遇到这些问题不要慌张，正确的配置加上后端的简单配合就可以解决。 如何打包基于Vue-Cli,通过npm run build来进行打包的操作如何部署 将打包出来的资源，基于Vue-Cli的一般是dist目录下有static目录和index.html文件，可以直接将这两个文件...