要实现如下效果使用npm安装better-scroll准备一个city.jsonMOCK数据里面返回了从A到Z的城市和首页数据获取一样，引入axios获取城市数据把数据分发到子组件中：子组件接受数据并循环:效果完成: 原文：https://www.cnblogs.com/rmty/p/11040799.html
页面中有弹框的时候就会出现对弹框中的内容进行操作的情况，但是在操作之后关闭弹框后再次打开，弹框中还是之前的操作过的页面，我们希望弹框是进行了重新初始化的，elementui的form组件中提供了一个resetFields的方法可以重置form表单的内容 但是当弹框中含有我们自己封装的组件的时候就没有类似的方法去进行重置了，所以需要对弹框进行新的初始化 在点击修改的时候设置组件的v-if值为true，并在$nextTick中进行初始化后要进行...
参考链接：https://blog.csdn.net/ddx2019/article/details/104972089/原文：https://www.cnblogs.com/hahahakc/p/13096145.html
最近项目中需要在图片预览时,可以旋转图片预览,在网上找了下,发现有一款功能强大的图片组件:viewerjs. git-hup: https://github.com/fengyuanchen/viewerjs在git上看了下,有很多功能,不过我的项目只需要做个图片旋转功能,引入这个组件感觉大材小用了,于是自己写了个简易版的,因为我们只是查看而已,没什么要求.如果你需要比较精确的图片旋转功能,可以使用这个viewerjs组件功能描述: 一个图片预览框,三个操作按钮: 上一张,下一张,旋转...
1.不同域名之间cookies跨域问题(单点登陆) 1、Cookie的属性属性名 描述name Cookie的名称，Cookie一旦创建，名称便不可更改value Cookie的值，如果值为Unicode字符，需要为字符编码。如果为二进制数据，则需要使用BASE64编码maxAge Cookie失效的时间，单位秒。如果为整数，则该Cookie在maxAge秒后失效。如果为负数，该Cookie为临时Cookie，关闭浏览器即失效，浏览器也不会以任何形式保存该Cookie。如果为0，表示删除该Cookie。默认...
之前项目遇到个情况，npm run build打包之后上传到服务器后，index.html打开一片空白，资源都加载了，但是就是不显示。然后百度找了原因，修改了两处地方一、修改 assetsPublicPath 在config/index.js里面，有个 assetsPublicPath 属性，源码是‘/’，修改成‘./’，加个点assetsPublicPath: ‘/‘,二、路由模式将histroy改成hash模式，起初 mode:‘history‘const router = new Router({ base: ‘/‘, mode: ‘hash‘, routes:...
项目报错 构建失败Module build failed: Error: ENOENT: no such file or directory, scandir ‘D:\text\reportui\node_modules\node-sass\vendor‘解决方案 运行 npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/重新安装 npm install最后重启 npm run dev解决成功 原文：https://www.cnblogs.com/xining/p/11271943.html
在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 首先，列出来我们需要的东西： node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm npm的淘宝镜像 安装node.js 从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。 安装完成之后，打开命令行...
是时候告诉你重要文件是哪些了,这是一个陆游,所以需要路由配置index.js路由配置文件是index.js注意这个文件最开始就在集成路由了然后最开始集成路由的地方可以不写后缀名字,因此注意这个文件夹里的文件即使文件类型不同也不要使用同一个名字,如果名字重复可能会造成一些不必要的麻烦,文件夹也不要重名,文件夹后缀本来就没有,因此可以不写,但其它的文件还是建议写一下后缀名.然后这里可以import别名的import 别名 from ‘资源‘view...
在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 首先，列出来我们需要的东西： node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm npm的淘宝镜像 安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。 安装完成之后，打开命令行工具，输...
prettier 官方有三个跟 eslint 相集成的工具：https://prettier.io/docs/en/integrating-with-linters.html它们的具体区别见：https://gist.github.com/savokiss/e5e585f30d3c775a07c45f53fcb6ca06 不过目前已经不推荐使用 prettier-eslint 了（并且 Vetur 有一个相关 bug，在 VS Code 下也无法格式化代码），推荐 eslint-plugin-prettier 与 eslint-config-prettier 一起使用。 首先安装相应的包：yarn add prettier eslint-plug...
懒加载：也叫延迟加载，即在需要的时候进行加载。为什么需要懒加载？当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。场景：如vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出现长时间的白屏，即使做了loading也是不...
1:打开Visual studio 2017后 按图片操作新建项目 也可以使用快捷键Ctrl+Shift+N 进入创建项目页面 2:选择JavaScript 里的Node.js创建对应的Vue项目 如果没有javaScript对应的node.js选项 打开最下面的visual studio安装程序 安装对应的node程序*注意硬盘空间 3:创建完成后打开项目 进行开发 原文：https://www.cnblogs.com/BoyJoan/p/9935941.html
报错必须处理,警告也忍不了,发现在bulid -webpack.base.config.js 里找到const createLintingRule = () => ({/*test: /\.(js|vue)$/,loader: ‘eslint-loader‘,enforce: ‘pre‘,include: [resolve(‘src‘), resolve(‘test‘)],options: {formatter: require(‘eslint-friendly-formatter‘),emitWarning: !config.dev.showEslintErrorsInOverlay}*/ })注掉里边的内容,讨厌的警告即消失原文：https://www.cnblogs.com/fuzitu/p/...
v-model 原文：http://www.cnblogs.com/MR-cui/p/8032959.html