随笔分类 - vue
摘要：之前项目是pc端是使用router的方式实现置顶的 //main.js router.afterEach((to, from, next) => { window.scrollTo(0, 0) }) 但是改了移动端就没有效果了，稍微查了一下，好像说是要body里才有用。 可能与我使用了vux-ui有
阅读全文
摘要：vue项目，发现有这报错。 原因是用了CommonsChunkPlugin生成了公共文件，但是页面还没有引用这个公共文件 使用vue-cli2： 在文件build/webpack.prod.conf.js，添加 然后将文件中的顺序按 调整一下 如下： 原来 调整为
阅读全文
摘要：通常，我们可以在vue项目中的config/index.js指定host,，如下（解host的注释） 但是，在接手的目前项目中，解注释host后，npm run dev并有变为 http://192.168.43.230:8087，依然是http://localhost:8087 经过一番查找，发现
阅读全文
摘要：经常看到如jquery-3.0.0.js和jquery-3.0.0-min.js等两相似的文件名。 其实以上两个文件名的内容是一样的，不过带min代表的是占用最小的空间，为项目提高性能。压缩的部分如换行，空格等。 可以看出两文件的体积相差很大。 所以我们一般的话项目上线会用到带min的文件，而不带的
阅读全文
摘要：vue3出来了，想尝尝鲜。 于是按官方的方法卸载2安装3. 但是报错了 error 404 Not Found: @wry/context@^0.4.0 一脸懵逼。。。 网上搜索之，并没有什么参考资，只得自己一步一步排除。 一，于是检查Node.js版本，推荐 8.11.0+ node -v 没有问
阅读全文
摘要：作为一个菜鸟，兼只会依葫芦画瓢的搬砖it狗，并没有系统学习过vue。 在最近项目中，发现了一个奇怪的问题： 使用vant-ui 的field 当请求数据，将赋值时，this.form.unitPrice = res.unitPrice时，在NetWork中看到 res.unitPrice是float
阅读全文
摘要：有一移动端项目，使用的vant-ui。可是vant自带的Uploader似乎不支持一次选择多张图片上传的功能。 于是乎：在https://www.npmjs.com/查找发现找到 vue-upload-component 组件，功能基本都有，评价也不错，目前有1500多个star。 因为是国人开发的
阅读全文
摘要：页面切换到默认显示顶部 方法一 使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。 在路由配置中使用scrollBehavior 如下例子， 使得每次进入页面都在页面顶部
阅读全文
摘要：不管使用ElementUI还是vant UI， vue中使用懒加载，先要安装：vue lazyload插件 一. vue lazyload插件： 插件地址：https://github.com/hilongjw/vue-lazyload demo：http://hilongjw.github.io/
阅读全文
摘要：使用console.log 报错？？这个错误是Vuejs - 使用ESLint检查代码而产生的 解决办法： 1.不处理，虽然有恼人的提示，但是实际上能使用console.log的 2.关掉ESLint检查（不建议） 3.修改ESLint的检查规则，使之放过console 改成”no-console“
阅读全文
摘要：作为一个 NPM 源管理器，nrm允许快速地在如下 NPM 源间切换： 列表项目 npm cnpm strongloop enropean australia nodejitsu taobao Install sudo npm install -g nrm 如何使用？ 列出可用的源： ➜ ~ nrm
阅读全文
摘要：这是webpack.config 代码中引入 报错信息（在main.js中引入也是这个报错 解决办法： 安装less： npm install less --save-dev 转自： https://segmentfault.com/q/1010000008930115/a-102000000893
阅读全文
摘要：如果默认生成的 HTML 文件不适合需求，可以创建/使用自定义模板。 一是通过 inject 选项，然后传递给定制的 HTML 文件。html-webpack-plugin 将会自动注入所有需要的 CSS, js, manifest 和 favicon 文件到标记中。 自定义的myIndex.htm
阅读全文
摘要：没有系统学习过vue，以前使用路由传参都是直接this.$router.push({name:'main',params:{'id': 123}})的，没有在路由定义中配置参数，如下： 所以一旦页面刷新就会丢失路由传过来的参数了。 解决办法： 1.不修改路由配置，使用sessionStorage来马
阅读全文
摘要：上篇刚使用了百度统计，由于后端同事没有找到百度统计的api，于是就找了个talkingData平台。。。 平台地址 依旧是先注册 进入应用统计分析 创建应用 获得appid 在vue中埋点 1.index.html文件中，引入统计平台的sdk 2.定义一个埋点函数 在需要统计的.vue页面引入函数
阅读全文
摘要：统计有多少人访问了自己的网站（wap端pc web端都适用），或者更细的统计网站每个页面的访问量，可以使用百度统计 百度统计传送门 按提示注册登录即可 登录后-->管理-->新增网站，配置好后会出现如下的 自有网站列表 在要统计的网站 右侧，点击“获取代码” 拷贝要统计网站的代码 统计vue项目中的
阅读全文
摘要：当input 使用了type='number'后，会出现这个增减数值的按钮，如上所示， 解决办法： 1.type='text' ，改为输入字符串，缺点是要做类型转换，而且移动端不会调出纯数字键盘 2.type='tel'，改为电话号码的类型，移动端中也是会调出纯数字键盘的 3.type='numbe
阅读全文
摘要：在公共方法文件common.js中实现一个存储当前历史记录的方法 common.js vue页面 这个在android中没有问题，但是在苹果手机中的safari浏览不行。。。 先留个坑，以后再研究，折腾了半天，没有找到原因。 https://www.jianshu.com/p/18184bb699f
阅读全文
摘要：实现按键就指定内容复制到设备的剪贴版，这里是复制快递单号 html js 安装依赖： "clipboard": "^2.0.4", 封装好的clipboard.js 放在了assets/js/clipboard.js
阅读全文
摘要：在html中出现无法显示对象属性的情况，可能是需要在初始化对象时，先定义好属性。 参考官方文档 https://cn.vuejs.org/v2/guide/reactivity.html#%E6%A3%80%E6%B5%8B%E5%8F%98%E5%8C%96%E7%9A%84%E6%B3%A8%E
阅读全文
浙公网安备 33010602011771号