随笔分类 - vue
摘要：// html <div class="pusherLists" :class="{hidden: isHidden}"> <span @click="allPusher" :class="{checkedSpan: active ''}">全部</span> <span v-for="(autho
阅读全文
摘要：1.先引入 import axios from 'axios' import qs from 'qs'import router from '../router'; import store from '../store/index'; // 创建axios实例var instance = axio
阅读全文
摘要：// html data(){ popupVisible:false, // 默认隐藏 a:0, // 设置一个标识 } value-key="name" 必须与option[{name:''}] 一致 computed: { dataList () { if...
阅读全文
摘要：1.代码运用的地方 2.场景： 时间格式的转化 3. 注册过滤器函数 首先定义过滤器有两种方式，第一种是全局过滤器，我们可以直接在vue对象上使用filter方法注册过滤器，这种全局注册的过滤器在任何一个组件内都可以使用。第二种则是组件内部的过滤器，注册组件内部过滤器则只能在当前组件内使用，接下来我
阅读全文
摘要：1. el scrollbar style="height:100%" 2. 不要在scoped私有变量添加 .el scrollbar__wrap{ overflow x: hidden; } 在app.vue 或者公共的css加入。
阅读全文
摘要：设置画布对象 canvas id="myCanvas" ref="canvas" //获取Canvas对象(画布) var canvas = document.getElementById("myCanvas") ? document.getElementById("myCanvas") : thi
阅读全文
摘要：1. mounted 钩子函数 初次肯定获取到id 2. 如果canvas父级用到了v if 请改成v show ,vue Dom节点 重新渲染导致methods 方法获取不到对象。
阅读全文
摘要：百度引入BMap ，一个import 即可，可AMap 却报AMap is not difined ? 1.首先在 externals: { "BMap": "BMap", 'AMap': 'AMap' }, 2. 其次新建一个AMap.js 引入 export default function M
阅读全文
摘要：众所周知微信分享前我们要做一些准备工作； 第一步要先配置安全域名 注意：域名前面不用加协议名称，还有域名服务器根目录下要上传公众号提供的文件（配置的每个域名服务器都要上传哦）：MP_verify_qoTb3e9VQBlFWzcn.txt 第二步配置IP白名单 微信公众平台出于安全考虑，根据appId
阅读全文
摘要：元旦了，给手残党直接复制的机会，代码如下： 1. :style="{' webkit overflow scrolling': scrollMode}" 最外层div设置，以便兼容； 2. data 设置 3. loadTop 定义下拉刷新函数 4. loadBottom 定义上拉加载函数 5. 查
阅读全文
摘要：beforeRouteEnter钩子 beforeRouteEnter (to, from, next) { console.log(this); //undefined，不能用this来获取vue实例 console.log('组件路由钩子：beforeRouteEnter'); next(vm
阅读全文
摘要：之前一直困惑它俩的区别，也没找到合适的文档，直到有天看到一篇博客，一起来学习下： 之前是在created钩子函数里面，发现这是在今天当前页面之后了。先回顾一下钩子函数beforeEach const router = new VueRouter({}) router,beforeEach((to,f
阅读全文
摘要：这个地方坑比较多，查看网上并没有详细的文档，新手一般写到这里很痛苦。这里我只介绍一下我解决的方案，虽然它不是最好的，但是可行的方案； 总体分两步 1）跳到微信支付链接，它会自动拼接上code 2）获取本网址，截取code； 在vue中哪里获取code？ 在路由钩子函数beforeEach获取。（如果
阅读全文
摘要：1.安装插件 cnpm install vue wechat title save 2.在main.js中引入 import VueWechatTitle from 'vue wechat title' Vue.use(VueWechatTitle) 3.在路由中设置 4.在app中设置
阅读全文
摘要：最近做微信支付，颇经历一番波折，这里总结一下，便于以后少走弯路； 在进行微信支付，除了需要公众号之外，你还需要一个微信商户。根据商户规则进行商户申请 这是公众号的基本开发配置，这里在微信授权的时候就已经需要配置了 但是注意AppSecret在你第一次配置的时候就需要备份下来，如果没有备份那么下次使用
阅读全文
摘要：1. 先来理下思路？ 1）抖动就是摆动，现实中的钟摆可以很形象。 2）当摆动到临界点后，就会向相反的方向摆动。 3）在没有动力时，摆动会慢慢停止。 2.用法： :start.sync 里面是抖动器名字（不同name）, :range ={包含x,y, z} 3.初始化抖动 initJitter()
阅读全文
摘要：1. 为什么会失去？ vuex可以看成是一个“提升变量”的一个工具，它是将state当做全局变量存储。F5刷新页面之后自然随着页面的刷新重新初始化state。 2. 如果解决数据保留问题？ 一般都会采用cookie或者localStorage等方法, 但使用封装好的vuex along 更优雅，亲测
阅读全文
摘要：1. 话不多说，第一步就是安装必要的插件 npm i save dev cross env 2.修改config里面的参数，这里只展示一个test,其他类似 注意单双引号 3.修改package.json 文件 注意去掉原有的build，NODE_ENV最好都设成production，因为在util
阅读全文
摘要：1.什么是async、await？ async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思，就是用于等待异步完成。并且await只能在async函数中使用; 通常async、await都是跟随Promise一起使用的。为什么这么说呢？因为async返回的都是一个Promise对
阅读全文
摘要：1.Promise 是什么？ Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大.Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。 Prom
阅读全文
浙公网安备 33010602011771号