解决vue方法在谷歌浏览器中无法正常实现的问题

今天尝试写vue的练习，结果发现vue的方法在谷歌浏览器中无法正常实现，但在其他浏览器中却可以正常实现，找了半天才发现原因！

代码：

html：

<div id="app"><button @click="add">+1</button>{{count}}
</div>

vue：

<script>var vue = new Vue({el: "#app",data: {message: "你好！HELLOW!",count: 0},methods: {add: function () {// return this.count += 1;// return this.count++;this.count++;// this.count += 1;}}});</script>

而在谷歌浏览器中的效果：点击+1，但右边的数却不做任何变化！

解决办法：关闭浏览器的自动翻译

刷新之后效果如下：

解决vue方法在谷歌浏览器中无法正常实现的问题相关推荐

html5 循环加载图片,解决vue的 v-for 循环中图片加载路径问题
先看一下产品需求,如下图所示, 产品要求图片和它的名称一一对应,本来是非常简单的需求,后台直接返回图片路径和名称,前台直接读取就可以了,但是我们没有存储图片的服务器,再加上是一个实验性的需求,图片需要 ...
vue样式中背景图片路径_解决vue打包css文件中背景图片的路径问题
vue-cli写完的静态页面我们在node环境中引入没有问题,但是打包后放在Apache环境下,路径却有问题了如一个简单css语句 .welcome { width: 420px; height: ...
antimalware service executable占用内存_解决 vue 项目运行过程中内存泄漏问题
vue-cli3.0 内存溢出 JavaScript heap out of memory vue-cli3.0构建的项目,开发过程中,可能会遇到内存溢出的情况,改动一点代码,代码编译,进程就会断掉, ...
解决vue项目在浏览器中打开后，#后面的链接被截取的问题
在做微信公众号下载的时候遇到了这个问题: 微信公众号下载,做的是弹框提示,在浏览器中打开,结果在手机浏览器中打开的总是#之前的链接: 例如:http://yy2jd7.natappfree.cc/#/ ...
.vue文件在webstorm中es6语法报错解决方法
.vue文件在webstorm中es6语法报错解决方法参考文章: (1).vue文件在webstorm中es6语法报错解决方法 (2)https://www.cnblogs.com/yuqing6/ ...
解决vue中无法取得methods方法中的return值
解决vue中无法取得methods方法中的return值参考文章: (1)解决vue中无法取得methods方法中的return值 (2)https://www.cnblogs.com/betty- ...
8种方法解决vue创建项目报错：command failed: npm install --loglevel error
8种方法解决vue项目创建失败问题 1.重建项目 2.清除缓存 3.重装淘宝源 4.修改useTaobaoRegistry 5.重装node 6.删除npmrc文件 7. node版本问题 8.css ...
vue本地没事放到服务器上无限循环,解决vue中的无限循环问题
项目中遇到了这样一个问题:每一种产品有对应的服务费,每一个商家有多种商品要单独计算每一家的服务费,最后汇总总的服务费用.我直接写了一个方法来计算出每个商家和总的服务费用并return出来.如果不看控制 ...
elementui 表格英文加数字排序_解决vue elementUI中table里数字、字母、中文混合排序问题...
1.使用场景使用elementUI中的table时,给包含数字字母中文的名称等字段排序例如:数字(0->9)->大写字母(A->Z)->小写字母(a->z)-> ...
解决Vue项目报错：Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法
解决Vue项目报错:Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法报错如下问题分析明显从图中可以以看 ...

解决vue方法在谷歌浏览器中无法正常实现的问题

解决vue方法在谷歌浏览器中无法正常实现的问题相关推荐

最新文章

热门文章