在开发中发现其中一个页面moutned调用了两次，而其他页面正常，表示很懵逼，然后查找原因，终于找到了，其实归根到底是要知道mounted的调用机制问题；情况：在这个页面中出现了mounted 加载了两次的情况； 方法：排除法 首先把 this.$store.commit() 方法注释掉，发现就好了，只加载一次 初步判断是commit 方法导致的 二 验证判断是否正确，不使用commit 方法，该用直接改变变量状态的方法，发现又加载了两次； 再次判断，不是由...
在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失，最近研究了一下这个问题的原因和解决办法，这里和大家分享一下。 1.闪现的原因 这个问题是因为Vue要等到HTML DOM加载完成后才会执行JS的编译，所以对使用的指令如 v-if , v-show 或者使用了插值表达式 {{}} 都会出现闪现的情况。因为在这些判断条件或表达式执行之前，DOM已经渲染出来了，之后Vue才会执行相应的JS代码。 2.解决的办法 其实在了解了原因...
网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。 1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看一下默认的路径。 module.exports = {build: {env: require(./prod.env),index: path.resolve(__dirname, ../dist/index.html),assetsRoot: pa...
一、报错内容类似：Expected indentation of 0 spaces but found 4 将 build 文件下的 webpack.base.conf.js 文件里面的下面一段代码注释掉（eslint-loader内容）,重新运行.二、报错内容： Newline required at end of file but not found 只需要在 js css 等后面再加一行（空行）就可以了或者将 build 文件下的 webpack.base.conf.js 文件里面的下面一段代码注释掉（eslint-loader内容）,重新运行.三、修改默认端口号 不想使用默认...
绑定的值与规则指定的值一定要相同------- 第一步： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">加上rules ref 第二部： <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item>加上prop 第三部： rules: { name: [ { required: true, message: 请输入活动名称, trigger: blur }, { min: 3, max: 5, message: 长...
初次使用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 ...
vue获取input输入值的问题解决办法 v-for里有多行input输入框，vue怎么获取某行的输入的值，随便写了点代码，意思就是后台返回了多行的list集合，页面显示多行输入框，当修改某行的值时进行校验，输入错误友好提示下，后边加个清空按钮，点击清空当前行数据，最开始的想法是，用v-bind:value绑定值，这样就出现一种情况，页面输入的值无法获取到，v-bind不会修改原始list里的值，而且ref也不能动态绑定，ref只能全部获取，this.$re...
使用v-if v-else发现没有执行 最近在学习Vue，因为刚开始学习，所以总会遇到这样那样的问题，今天要说的一个错误就是在看Vue的官方文档的时候，发现在使用v-if和v-else指令的时候，相应的内容都出现了 初始代码： <div v-if="Math.random > 0.5">" Math.random > 0.5 " </div> <div v-else>" Math.random <= 0.5 " </div> 显示的结果：" Math.random > 0.5 " " Math.random <= 0.5 " 后来发现，我的这个是忘记了创建实例，每一个V...
Vue关于数据绑定出错 错误提示：相对应的代码： <input id="input-check" type="checkbox" v-model="toggle" v-bind:true-value="a" v-bind:false-value="b"><label for="input-check">check</label><script type="text/javascript">var v = new Vue({el: "#input-check",data: {toggle: ""}});</script> 看到错误的时候，就知道是数据绑定出错了，原因就是没有声明a, b这两个属性，那就试着添加这两个属性var v = new Vue({el: "#...
参考csdn的：http://blog.csdn.net/yuebinghaoyuan/article/details/12068975[html] view plain copy print? Unable to connect to server 127.0.0.1:27017: 由于目标机器积极拒绝，无法连接。 127.0.0.1:27017. Type: MongoDB.Driver.MongoConnectionException Stack: at MongoDB.Driver.Internal.DirectConnector.Connect(TimeSpan timeout) at MongoDB.Driver.MongoServer.Connect(TimeSpan timeout, ConnectWai...
背景情况 后端通过富文本上传了一篇通告类文章，前端展示时要显示在div中会因为内容过多改变布局。 解决思路 为了div不被撑开，无奈截取。但是富文本数据里面有元素标签，空格，换行等乱七八糟的干扰，为了只截取汉字并显示汉字，想到了正则过滤。 解决办法 // 正则过滤富文本 richTextFormat(value) {// value = value.replace(/<\/?[^>]*>/g,'')value = value.replace(/<\/?.+?>/g,'')value = value.replace(/\s+/g,'')if (value...
vue项目在运行npm run build时卡住不动的解决办法 解决办法：1、找到项目中build目录下的check-versions.js文件，将如下代码注释掉即可：if (shell.which(npm)) {versionRequirements.push({name: npm,currentVersion: exec(npm --version),versionRequirement: packageConfig.engines.npm}) }2、然后重新运行npm run build，等一会即可看到打包成功
问题描述： 在谷歌安装了Vuejs Devtools扩展程序，但是运行自己写的页面，vue图标没有亮起来，控制台也没有Vue选项，悬浮右上角Vue Devtools小图标显示“Vue.js not detected”。检查 检查Vuejs devtools扩展程序是否已经生效，检查方法如下： 打开一个使用vue的网站，随便在网上找一个或者直接点开这个手机搜狐网 https://m.sohu.com/limit/ 如果你的vue图标变亮了就说明扩展程序生效的，所以可能是浏览器设置问题导致图标不会亮 ...
TypeError: Cannot read property get of undefined 按下面的提示基本确定是webpack@5.36.0导致的 只要 cnpm i --save webpack@4.45.0 降版本 搞定