vue
文章平均质量分 78
best-toby
嘿嘿嘿
展开
-
prettier
保存一套prettier规则{ // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter":原创 2020-09-21 11:55:02 · 1598 阅读 · 0 评论 -
vue.config.js配置
全局配置less文件,无需每个文件都导入less--------------------------------------------------------2020-01-08 后续更新---------------------------------------------------原创 2020-01-08 16:59:20 · 101 阅读 · 0 评论 -
filters 、 computed 与 watch 区别
filters与computed相同点:都必须有返回值,且都可以绑定数据不同点:filters 可以传参,但是不可以访问this,可以多个过滤。只有过滤器传参改变就会触发。不存在缓存 computed 不可以传参,可以访问this,针对的是一个变量的操作。当其中的数据改变就会触发。存在缓存filters 一般用于 数据格式化,computed...原创 2019-07-02 11:39:18 · 1013 阅读 · 0 评论 -
数组的奇葩去重
比如说 [a,b,a,'-1'] 需要去重 去重后的数据为[b]const _actionList = actionList.filter(v => { if (v !== '-1' && actionList.lastIndexOf(v) === actionList.indexOf(v)) { return v; }...原创 2019-06-03 11:35:40 · 82 阅读 · 0 评论 -
小程序批量画布转图片保存
在做一个首页轮播图需要一维码,点击轮播图单项出现弹窗,显示一维码加二维码需求。问题:使用了太多的canvas,因为canvas是原生组件,所以不存在层级限制。而且弹窗中的画布有时候出现有时候不出现的。解决方案:1. 想重开一个页面 内容时弹窗内容 (未通过,小程序页面会缓存,也会出现时有时没有)。 2. 整体画布转换为图片,然后使用没有限制。所以采...原创 2019-05-22 16:39:07 · 1238 阅读 · 0 评论 -
promise与async/await 结合使用
在es6中,这两个都是代表异步转同步函数。但是两者又有些不同之处的。不同点:1. promise还有多种方法,像resolve,reject,then,catch,finally,all,try,race这些方法。不过一般使用的多的就是前面四个方法。 resolve与reject类似与return 返回以后下面就不再运行了。 2. async/await 就是...原创 2019-05-24 15:48:13 · 2879 阅读 · 0 评论 -
小程序向上弹出框式动画
使用transform实现默认样式代码: transform: translateY(100%); transition-duration: 0.3s;弹出的时候把transform: translateY(100%);改为transform: translateY(0); 就可以了原创 2019-05-15 17:48:49 · 1887 阅读 · 0 评论 -
vue中组件与路由嵌套的区别
1. 组件 是可以有数据交互的2. 路由嵌套是没办法与父组件进行数据交互的两者的思想大致差不多,区别就在于这里原创 2019-03-01 10:43:51 · 2753 阅读 · 0 评论 -
常见的移动端支付密码框demo
其实很简单的。第一种:1. 首先 密码框的黑点自己定义,切记是图片,是自己写的。2. 输入框也是自己写的,方便检测输入的值。第二种:1. 密码框的黑点还是自定义,但是需要再加一个透明度为0的input输入框,这个输入框要刚好遮住密码框。2.这样子输入框可以不用自己写,直接使用输入框。...原创 2019-02-28 11:40:08 · 933 阅读 · 0 评论 -
vue3.0 去掉#解决步骤
问题描述:微信分享 会自动去掉#后面的参数,所以你分享的话都是去首页。需求:微信分享需要去的不是首页,而是内部的详情页。解决步骤:1. 修改 mode为history,默认的是hash模式,这样子就会去掉了#2.修改服务器的配置,代码如下:location / { try_files $uri $uri/ /index.html; } locatio...原创 2018-11-28 14:54:10 · 3065 阅读 · 0 评论 -
vux tabbar组件 keep-alive使用
问题描述:vue使用了vux组件,一级页面使用了tabbar组件,但是两个一级页面需要缓存,以保证切换的消耗量。开启缓存后,出现了底部的选中项混乱,每次点击都是慢一拍。解决方案:定义组件的时候,我不是传参来表示了。而是直接使用computed函数来判断selected的值。通过判断path的值,来判断是否选中盖页面。代码:selected() { let path...原创 2018-11-15 14:26:41 · 829 阅读 · 0 评论 -
v-bind使用方法
v-bind是绑定一个属性,也可以是属性值原创 2018-03-09 19:23:29 · 2220 阅读 · 0 评论 -
vue v-for 嵌套
<div v-for="data in list"> <div v-for="detail in data.details"> </div></div>可以使用嵌套,但是有一个条件,details 必须要是list子项里面的一个属性。比如说:var list = []; list[i].details = {};i是指所有的子项都必许=需要有这个属性。原创 2017-11-21 10:37:54 · 2690 阅读 · 0 评论 -
vue.js获得当前元素的文字信息
1.获得当前点击的内容 <li @click="problem1"> 1. <span class="blue">关于公众号使用问题</span> <img src="../img/right.png" alt=""/></li>当我点击这个li标签的时候,我想要获得span里面的文字,可以使用这个方法: problem1: function(e){原创 2017-11-20 22:55:24 · 14486 阅读 · 0 评论 -
setTimeOut中的this问题
在使用vue的时候,一般this指针用的比较多。但是在一些问题上,this指针会报错,因为this会一直更改所指向的对象。所以建议在使用this的时候我们在函数里面定义一个that= this,那样就不会出现指向不明的问题。尤其是在setTimeOut中会出现这个问题。 load: function (e) { var that = this; if(e >= al原创 2017-11-18 23:28:43 · 425 阅读 · 0 评论 -
一个完整最少代码的上拉加载(mint-ui的loadmore 和 vue)
这是一个上拉加载的最减代码,其中上拉的数据加载你们自己弄,我这只做的一个演示。html代码:<div id="content"> <mt-loadmore :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" :auto-fill="false" ref="loadmore"&原创 2017-11-18 00:14:40 · 12538 阅读 · 3 评论