![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
在成为巨擘的路上
2016.10.13建立个人博客,目前大三信息安全学生。
展开
-
vue路由实例(vue-router)(vue版本2.9.2)
一、目录结构,效果图。 二、main.js。是程序入口文件import Vue from 'vue'import App from './App'import router from './router'// 注册一个组件new Vue({ el: '#app', router, template: '<App/&g...原创 2017-12-14 15:18:01 · 2262 阅读 · 0 评论 -
vue使用html2canvas并进行下载
一、引包npm install --savehtml2canvas二、导入import html2canvas from 'html2canvas'三、web端下载html2canvas(document.querySelector('#这是需要导出的dom的id')).then(canvas => { let saveUrl = canva...原创 2019-02-14 16:37:09 · 5089 阅读 · 1 评论 -
vue项目第一次发布导致第一次资源文件404
修改config->index.js// PathsassetsRoot: path.resolve(__dirname, '../dist'),assetsSubDirectory: 'static',assetsPublicPath: '/', 改为↓// PathsassetsRoot: path.resolve(__dirname, '../di...原创 2019-02-14 16:38:20 · 397 阅读 · 0 评论 -
vue拖动排序
已在项目中使用的:1、安装依赖https://www.npmjs.com/package/awe-dnd"awe-dnd": "^0.3.1",2、main.js引入和使用import VueDND from 'awe-dnd'Vue.use(VueDND)3、v-dragging控制循环体<div class="" :class="(person.id===...原创 2019-02-13 18:32:25 · 1252 阅读 · 0 评论 -
vue使用swiper
1、下载$ npm install swiper 2、在node-modules-->swiper-->dist中得到swiper.css和swiper.js 3、将得到的swiper.css和swiper.js复制到static中(为了防止eslint报错) 4、在xxx.项目中引入@import "../../static/swiperUtil/di...原创 2019-02-13 18:31:47 · 1457 阅读 · 0 评论 -
vue拦截器及地址解释
一、获取地址信息https://www.cnblogs.com/AiMuzi/p/6652825.htmlwindow.location 示例:http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love 1, window.location.href 整个URl字符串(在浏...原创 2019-02-13 18:30:34 · 2091 阅读 · 0 评论 -
vue过滤器——vue全局过滤器,
一、全局过滤器1、用法:// 注册Vue.filter('my-filter', function (value) {// 返回处理后的值})// getter,返回已注册的过滤器var myFilter = Vue.filter('my-filter')2、例子:filter_utils.jslet roleFilter = value => { ...原创 2018-12-03 17:42:21 · 1249 阅读 · 0 评论 -
vuex的用法,基础用法
先分享个连接(需要印象笔记账号)(导入进来太麻烦):https://app.yinxiang.com/shard/s3/nl/16048154/4570cd02-cdb3-47cc-a238-5d8ba8289743原创 2018-12-03 17:29:40 · 234 阅读 · 0 评论 -
vue 调用高德地图API
一、功能:定位;精准定位;拖拽选点;编辑遮罩物;工具条二、实现过程:1、申请Key,我申请的是Web端(JS API),不同的API效果可能不一样2、在index.html中引入:<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key = 你自己的Key"><...原创 2018-08-06 16:56:02 · 18588 阅读 · 1 评论 -
vue项目打包去掉console,webpack 打包去掉console
1、去掉console在 webpack.prod.conf.js(生产环境配置文件),文件内搜索"UglifyJsPlugin",找到如下UglifyJsPlugin的配置,修改为如下,更多内容查看webpack官方文档new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, ...原创 2018-07-31 16:10:45 · 3072 阅读 · 0 评论 -
SASS基础用法
基础用法一、嵌套规则#main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #000000; }}二、引用父选择器 &a { font-weight: bold; text-de...原创 2018-07-31 16:03:01 · 191 阅读 · 0 评论 -
如何使用JSSDK
一、引入JSSDK(注意项目是http或者是https)<script src=https://res2.wx.qq.com/open/js/jweixin-1.4.0.js></script>二、将wx配置为eslint的全局属性//////.eslintrc.jsglobals: {wx: true}三、获取后台返回的签名配置(其中url入参是#...原创 2019-02-14 16:33:41 · 3949 阅读 · 0 评论