初次使用Vue.js devtool插件的新人在安装了Vue.js devtool插件后，都会经常有一个疑问。我在chrome浏览器里面已经成功安装好Vue.js devtool插件，怎么点击后提示vue.js not detected，无法正常使用呢？对于这样的问题，新人可能会花费很多时间去找答案，今天我们就来整理了解决方法，希望对大家有帮助。首先，我们先要确保Vue.js devtool插件已经安装成功了。具体的Vue.js devtool插件的安装方法可以：chrome插件CRX的离线安装方法...
在使用vue开发过程中，难免需要去本地数据地址进行请求，而原版配置在dev-server.js中，新版vue-webpack-template已经删除dev-server.js，改用webpack.dev.conf.js代替，所以 配置本地访问在webpack.dev.conf.js里配置即可。 #webpack.dev.conf.js //首先 // nodejs开发框架express，用来简化操作 const express = require(express) // 创建node.js的express开发框架的实例 const app = express() // 引用的json地址 var appData ...
在项目中运行v-for代码段时， <flexbox v-if="roleShow" style="padding:15px; box-sizing: border-box;"> <flexbox-item v-for="role in roles " > <x-button mini :type="role.type" style="padding: 0 14px" @click.native="btnClick(role.action)">{{role.value}}</x-button> </flexbox-item> </flexbox> <flexbox v-if="roleShow" style="padding:15px; box-sizing: border-box;"><flexbox-item v-for="role in roles " ><x...
所遇问题： 该页面为双选项卡联动，四个部分都需要上拉加载和下拉刷新功能，使用的mint-ui的loadmore插件，分别加上上拉加载后，只有最后一个的this.$refs.loadmore.onTopLoaded();和this.$refs.loadmore.onBottomLoaded(); 有效，其他的三个都无效，这两句话是意思是查询完要调用一次，用于重新定位 分析原因： 首先这四个模块都是用的 <mt-loadmore :top-method="loadTop":bottom-method="loadBottom":bottom-all-load...
案例环境 通过vue-cli脚手架创建的vue项目 在项目打包的时候遇到了背景图片路径出错的问题，经过谷歌一番，发现是在配置的时候对图片的限制大小过小造成的 首先，出错点在url-loader上面。// url-loader配置 // build/webpck.base.conf.js {test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,loader: url-loader,query: {limit: 10000,name: utils.assetsPath(img/[name].[hash:7].[ext]) }这里解释一下上面这段url-loader配置，test是正则匹...
vue 简介 Vue.js（读音 /vju?/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。当我们在路由里面配置成以下代理可以解决跨域问题 proxyTable: {/goods/*: {target: http://localhost:3000},/users/*: {target: http://localhost:3000}},这种配置方...
最近第一次使用vue-cli构建项目，第一次打包部署到服务器上的时候出现图片加载不出来，结合网上的方法，终于给摸索出来。将项目部署到服务器上分为两种：一种是直接部署到服务器的根目录，另外一种是部署到服务器的子目录下 1.我们首先来说部署到根目录下 就是比如：www.****.com 找到项目中config文件夹下的index.js文件 将文件中的assetsPublicPath: /,改成如下方框这样。 这样的目的是将绝对路径改成相对路径 如果放在根目录下，...
Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 当第一种情况需求时，可以使用this.$set(this.arr,index,newVal) Vue 不能检测对象属性的添加或删除：可以使用this.$set(this.person,'age',12) 当需要添加多个对象时，Object.assign({},this.person,{age:12,name:'wee'}) PS：Vue实现对数组、对象的深拷贝、复...
今天在开发过程中遇到一个问题，拿到了一套vue代码，计划对这套代码的部分样式进行调整，Java后端代码已经写好并且部署到了线上。这时命令行运行vue项目时访问会受限，取不下数据来，遇到了跨域访问失败的问题，这时可以怎么做呢？首先，要了解什么叫跨域访问？ 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。所谓同源是指，域名，协议，端口均相同，举个例子：h...
本人在安装vue脚手架时报这样的错，我访问了漫山遍野还是没找到答案，有人叫我用cnpm安装，但是cnpm安装的vue有好多坑在里面： npm WARN checkPermissions Missing write access to C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrap npm ERR! path C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrap npm ERR! code ENOENT np...
vue获取input输入值的问题解决办法 v-for里有多行input输入框，vue怎么获取某行的输入的值，随便写了点代码，意思就是后台返回了多行的list集合，页面显示多行输入框，当修改某行的值时进行校验，输入错误友好提示下，后边加个清空按钮，点击清空当前行数据，最开始的想法是，用v-bind:value绑定值，这样就出现一种情况，页面输入的值无法获取到，v-bind不会修改原始list里的值，而且ref也不能动态绑定，ref只能全部获取，this.$re...
vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No Access-Control-Allow-Origin header is present on the requested resource.” 这种跨域错误。要想本地正常的调试，解决的办法有三个： 一、后台更改header header(Access-Control-Allow-Origin:*);//允许所有来源访问 header(Access-Control-Allow-Method:POST,GET);//允许访问的方式 这样就可以跨域请求数据了。...
在vue2.0中引入了mint-ui后总是报一个css的错误 但是package.json中已经配置了css-loader style-loader ，webpack.config中也已经配置了css，还是报这个错误，相反，如果把webpack.config中css的配置注释掉就不会出错，这是为什么呢？ 因为 在webpack.config中没有设置好css引入的目录，因为默认情况下我们只会引入/src/目录下的css， 但是mint-ui是要冲node_modules目录去引入的，所以在webpack.config中css的配置中加入一项 {tes...
Vue下路由History mode导致页面无法渲染的原因 用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。 一般开发的单页应用的URL都会带有#号的hash模式，因为整个应用本身而言就只有一个HTML，其他的都是通过router来渲染。如果因为业务需要，或...
在vue项目里面，需要循环发送ajax请求，出现的问题就是循环结束，第一次服务器还没返回，导致数据处理错误，需要使用同步请求 解决方案 目前没有发现axios可以同步请求，所以只能使用jQuery，配置同步请求； $.ajax({url:/comm/test1.php,type:POST, //GETasync:false, //或false,是否异步data:{name:yang,age:25},timeout:5000, //超时时间dataType:json, //返回的数据格式：beforeSend:function(xhr){},success:function(data,te...