(用的脚手架vue-cli) 第一步: 在main.js中如下声明使用 import axios from axios; Vue.prototype.$axios=axios; 那么在其他vue组件中就可以this.$axios调用使用 第二步:在webpack配置一下proxyTable(config之下的index.js) dev:{ 加入以下 proxyTable: { /api: { target: http://api.douban.com,//设置你调用的接口域名和端口号别忘了加http changeOrigin: true, pathRewrite:{ ^/api: ///这里理解成用‘/api代替target里面的...
解决办法: <el-input v-model="searchParmas.gameName" placeholder="游戏名称" class="w120" @keyup.native="getGameList(searchParmas.gameName)"></el-input> 加上.native覆盖原有封装的keyup事件即可。 以上这篇vue element-ui 绑定@keyup事件无效的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
最近利用vue第三方UI MuseUI开发webapp,然后在导航栏这里出现了问题,我需要在导航栏上的几个路由上显示底部导航栏,在其他路由上不显示,就这个问题,MuseUI的底部导航栏直接加载在app.vue里面,会每个页面都有导航栏,所以这种方式不可行,后来我真的使出了浑身解数,去MuseUI作者GitHub上面提问,无果,去segmentfault上面提问,无果,去vue官方群提问,无果,在提问之前,我都是经过一番搜索,思考的,但是这些都让我崩溃了。...
今天学习vue2.0 的 router-view , 爆出的错误不计其数,不知道哪位大神写的router-view,配置的参数竟然不是router,而是routes =_=|| 这是花了一上午整出来的main.js,还有网上的同道们的提醒: import Vue from vue; import VueRouter from vue-router; import App from ./App; import goods from ./components/goods/goods;Vue.config.productionTip = false;Vue.use(VueRouter);const routes = [{path: /goods, component: good...
axios发送post请求时,出现了参数后台接收不到的情况,分析了下请求,发现是请求头content-type不对,是application/json,正常应该是application/x-www-form-urlencoded。 解决方法有以下三种: 1、设置axios的默认请求头 //设置全局的 axios.defaults.headers.post[Content-Type] = application/x-www-form-urlencoded; var instance = axios.create({}) // 这样创建出来的 只需要: instance.defaults.headers.post[Content-Ty...
问题:在项目开发时使用字体图标,报错如下:所有的字体图标都不能正常显示了,报错提示不能解码字体。 解决问题:找了很久,最后发现是在webpack配置的时候自己手动添加了下面的代码而引起的错误:在 webpack.base.conf.js文件中删除 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: file-loader }, 总结: 其实采用vue-cli 自动生成的配置文件已经完成了字体图标文件的编译,自己写的和自动生成的产生冲突 以上这篇webp...
最近用vue-cli+vue-router+webpack建立项目,其中的遇到的三个问题,整理如下: vue-cli+ webpack 建立的项目,cnpm run build 打包项目之后,需要放在http服务器上才可以运行, 例如 :nginx vue单页面的启动页面是index.html,路由的路径实际是不存在的,所以会出现刷新页面404的问题,需要设置所有找不到的路径直接映射到index.html 1 刷新页面404配置启动文件的index页面的路径root: D:/workPlace/mex-adx-web/mex-adx-web/dist...
在跨越主路由视图时,由于Vuex的状态值一直存储在内存中,所以在组件视图重新载入时,可能会出现组件无法检测到状态值的变化,从而导致业务逻辑出现错误。 假定通用头部组件有一个全局任务状态值,其他的组件都要根据此任务值进行更新,更可能出现的情况是,任务状态值是异步加载完成的,于是需要如此编写业务逻辑: computed : {task () {return this.$store.state.task} }, watch : {task : {deep: true,handler (val) {// 由于...
性别选择 男女 通常是使用radio 在修改客户资料时 需要根据信息对radio进行选中。 最初的代码做法是 console.log($(:radio[value=+data[2]+]).attr(checked));但测试后有问题 在分别选中男女以后 就会失效。 后来搜了资料 原来是jQuery的版本问题 不同版本中对attr做的了修改 **如果你的jQuery库的版本是1.6以下的,使用attr方法 如果你的jquery库的版本是1.6(含1.6)以上的,使用prop方法** $(:radio[value=+data[2]+]).prop(che...
1. vue打包后font-awesome字体失效 解决方案:2. 打包后图片资源失效 解决方案: 针对html中引用的图片针对css添加的背景中引用的图片以上这篇基于vue打包后字体和图片资源失效问题的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
这里建议刚学vue的同学第一个小案例不要使用vue-cli进行操作,待对基本的api使用的比较顺手了之后再进行vue-cli的体验比较好。本人是一名后端开发人员,接触前端时间不长,这里有说的不好的地方,还请大家评论建议下。 1. 安装必要的环境准备 首先我们要能够暗转node.js,这个环境。百度搜索node,进入官网根据自己的操作系统进行下载即可。现在的版本都是自带npm的了。所以安装后,环境变量正常情况下会自动配置,开启一个命令行终...
最近在学习Vue,今天尝试了使用axios模拟本地网络请求。使用的过程中发现接口请求一直404,后来发现在当期的Vue-cli构建的最新的项目中,接口请求应该这样写。 1、引入相关依赖 var axios = require(axios) const express = require(express); var app = express(); var apiRoutes = express.Router(); app.use(/api, apiRoutes);2、处理网络请求 在之前的项目中,我们是在dev-server.js 这样处理接口访问 apiRoutes.get(/getList, f...
错误1:找不到__webpack_hmr GET http://127.0.0.1/__webpack_hmr 404 (Not Found)在webpack的entry配置添加引用路径webpack-hot-middleware/client?path=/__webpack_hmr&timeout=10000&reload=true,相关的参数最好不要省略,否则会出现无法自动刷新的问题。 处理脚本如下: // 准备webpack配置信息 let hotMiddlewareScript = webpack-hot-middleware/client?path=/__webpack_hmr&timeout=10000&reload=true,wpConfig = require(...
利用Webpack dev server作为热加载服务器时,出现以下错误: XMLHttpRequest cannot load http://localhost:8080/dist/06854fc8988da94501a9.hot-update.json. No Access-Control-Allow-Origin header is present on the requested resource. Origin http://localhost is therefore not allowed access.或者出现以下的警告信息: dev-server.js:37 [HMR] Update failed: Error: Manifest request to http://localhost:8080/dist/...
一般情况下属性名加引号和不加引号是都可以的,效果是一样的。var obj = { name : 你好, age : 1, }; document.write( obj[name] + <br /> ); document.write( obj.age); 上面两行代码均可以正确执行。 当且仅当你的属性名是非法怪异的名字时候,会报错。 var obj = { 333 : 这个会报错 }; document.write( obj.333); 此时报错。 var obj = { “333”: 这个也会报错 }; document.write( obj.333); 如果属性名是数字,则必...