vue
vue 图片放大镜效果
插件名称：vue-photo-zoom-prohttps://github.com/Mater1996/vue-photo-zoom-pro 效果图 使用：<template><divclass="images"><img@click.stop="showB...
vue图片放大、缩小、旋转等
用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。效果： 使用npm命令安装npminstallv-viewer引入v-viewer及必需的css样式，并使用Vue.use()注册插件，之后即可使用。//main.js中引入或者在组件里引入import'viewerjs/dist/...
vue项目使用webpack构建的本地服务环境，在手机上访问调试
使用vue脚手架构建的项目，一般在本地localhost运行，配合浏览器的模拟调试工具开发。如果想看真机环境，又不想build到线上。webpack能配置电脑本地内网环境指向公网访问的！ 1、打开项目的package.json文件，修改里面的script里面的dev"scripts":{"dev":"webp...
在vue中使用sass的配置的方法
1、安装sass的依赖包npminstall--save-devsass-loader//sass-loader依赖于node-sassnpminstall--save-devnode-sass 2、在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test...
基于vue-cli配置移动端自适应
移动端自适应：手淘的 lib-flexible +rem在命令行中运行如下安装：1npmilib-flexible--save在项目入口文件main.js里引入lib-flexible12//main.jsimport'lib-flexible'在项目根目录的index.html中添加如下meta1...
vue图片上传到七牛云
代码：<template><divclass="upload-info"><div><el-uploadclass="upload-pic":action="domain":data="QiniuData":on-remove="handleRemove":on-error="...
vue项目开发基本目录结构
.├──build/#Webpack配置目录├──dist/#build生成的生产环境下的项目├──src/#源码目录（开发都在这里进行）│├──assets/#放置需要经由Webpack处理的静态文件│├──components/#组件│├──filters/#过滤器│├──store/ #状态管理│├──ro...
vue百度地图插件
安装npmi--savevue-baidu-map 代码<template><div><baidu-mapv-bind:color:#800000;">"mapStyle"class="bm-view"ak="你的百度地图ak":center="center":zoom="zoo...
vue2.0无限滚动加载数据插件
做vue项目用到下拉滚动加载数据功能，由于选的UI库（element）没有这个组件，就用Vue-infinite-loading这个插件代替，使用中遇到的一些问题及使用方法，总结作记录！安装：npminstallvue-infinite-loading–save引入ES6importInfini...
Vue使用vue-echarts图表
vue-echarts和echarts的区别：vue-echarts是封装后的vue插件，基于 ECharts v4.0.1+开发，依赖 Vue.js v2.2.6+，功能一样的只是把它封装成vue插件这样更方便以vue的方式去使用它。echarts就是普通的js库，vue-ec...
vue-countTo---简单好用的一个数字滚动插件
vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js;安装使用：npminstallvue-count-to例子：...
vue 监听路由变化
方法一：通过watch//监听,当路由发生变化的时候执行watch:{$route(to,from){console.log(to.path);}},或//监听,当路由发生变化的时候执行watch:{$route:{handler:function(val,oldVal){console.log(val);},//深度...
vue 外部字体图标使用，无须绝对路径引入办法
通常外部字体图标都在使用iconfont，这种图标在网上搜到一大把都是由于路径问题显示不出来，或者是显示个方块。最近的项目中也碰到这个坑爸的问题，总结一下解决办法：和webpack.config 配置没有多大关系，按照 vue-cli 生成的 webpack.base...
在 vue cli3 的项目中配置双服务，模拟 ajax 分页请求
最近安装了下vuecli3版本，与cli2相比，文件少了，以前配置方法也不管用了。demo中的大量的数据，需要做成ajax请求的方式来展示数据，因此，需要启动两个服务，一个用作前端请求，一个用作后端发送。双服务的配置方法在build/webpack.dev.conf.js中写入。在安装成功vue后，是仅有一个端口为80...
element el-upload 部分参数详解
element框架很实用，最近不想去修改input上传的样式，干脆直接使用el-upload，使用的是手动上传，但是感觉文档中部分参数描述信息不是很详细，现在以我的调试的内容对部分参数使用做下详解。一、action上传地址 类型：string 需要写动态地址时，修改成:act...
