![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
weixin_41655541
这个作者很懒,什么都没留下…
展开
-
vue computed 计算属性那些事
vue原创 2023-02-22 12:52:45 · 147 阅读 · 1 评论 -
vue解决pc移动滚动穿透问题
上层无滚动(很简单直接@touchmove.prevent)<div @touchmove.prevent>我是里面的内容</div>上层有滚动如果上层需要滚动的话,那么固定的时候先获取 body 的滑动距离,然后用 fixed 固定,用 top 模拟滚动距离;不固定的时候用获取 top 的值,然后让 body滚动到之前的地方即可。示例如下: watch:{ statusShow(val){ if...原创 2022-03-15 11:41:07 · 2041 阅读 · 0 评论 -
图片识别vue-cropper
vue-cropper图片识别裁剪原创 2022-02-17 17:35:39 · 1002 阅读 · 1 评论 -
JSON.parse(JSON.stringify(obj))实现深拷贝
SON.parse()和JSON.stringify()实现深拷贝:实际开发中,如果怕影响原数据,我们常深拷贝出一份数据做任意操作,其实使用JSON.stringify()与JSON.parse()来实现深拷贝是很不错的选择。但是当拷贝的数据为undefined,function(){},...拷贝时会为空,这是就需要采用递归拷贝。使用JSON实现拷贝时,注意拷贝数据,看是否适合使用。http://caibaojian.com/parse-stringify.html//深拷贝fu.原创 2020-12-11 11:21:35 · 3622 阅读 · 0 评论 -
列表渲染中的key的作用
前言在vue中使用v-for时,一直有几个疑问:v-for为什么要加key 为什么有时候用index作为key会出错带着这个疑问,结合各种博客和源码,终于有了点眉目。virtual dom要理解diff的过程,先要对virtual dom有个了解,这里简单介绍下。【作用】我们都知道重绘和回流,回流会导致dom重新渲染,比较耗性能;而virtual dom就是用一个对象去代替dom对象,当有多次更新dom的动作时,不会立即更新dom,而是将变化保存到一个对象中,最终一次性将改变渲染出来原创 2020-12-04 11:10:14 · 741 阅读 · 0 评论 -
使用微信jsdk的那些坑(签名失效,导航功能openLocation(),IOS提示invalid coordinate)
一.vue history模式 ios微信获取jsdk签名失效问题分析:苹果手机为何会获取签名失效苹果在微信中浏览器机制和安卓不同,有IOS缓存问题,和IOS对单页面的优化问题,通俗点说安卓进行页面跳转分享时会刷新当前的url,而苹果不会,苹果是通过历史记录进来的,不会刷新url所以会导致签名失败解决方案:1.在需要获取签名的页面加上这样一段代码用来兼容苹果手机(这样就不需要更改vue的跳转了) beforeRouteEnter(to, from, next) {原创 2020-08-19 11:22:11 · 2550 阅读 · 0 评论 -
拼接时间
timeForMat(count) { // 拼接时间 let time1 = new Date(); time1.setTime(time1.getTime() - (24 * 60 * 60 * 1000)); let Y1 = time1.getFullYear(); let M1 = ((time1.getMonth() + 1) > 10 ? (time1...原创 2020-07-23 09:37:18 · 197 阅读 · 0 评论 -
手机号用*号展示
比如: 13140121671 => "131****1671" '王宝宝' =>"*宝宝"noPassByMobile(str){ if(null != str && str != undefined){ var pat=/(\d{3})\d*(\d{4})/; return str.replace(pat,'$1****$2'); } else { ...原创 2020-06-15 10:35:13 · 298 阅读 · 0 评论 -
vue全家桶项目构建
步骤一、安装vue-cli首先,我们可以通过npm安装vue-clic,前提是我们需要有node环境,如果电脑还没安装node,先安装,可通过node -v查询node的版本号,有版本号则已经安装成功;node下载https://nodejs.org/en/地址接下来,我们需要确保电脑已经安装了webpack,webpack是一个包管理工具,也是vue-cli的构建工具...原创 2020-02-06 21:57:02 · 409 阅读 · 0 评论 -
vue中使用自定义指令
一。.什么是自定义指令 自定义一些指令对底层DOM进行操作二。自定义指令方法bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。 update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能...原创 2020-01-07 11:37:16 · 10483 阅读 · 6 评论 -
vue前端实现搜索功能
代码如下 <template> <div class="safetyInfo"> <nut-searchbar placeText="请输入详细地址/门牌号/" v-model="search" @input="submitFun" ...原创 2019-07-16 14:37:41 · 13661 阅读 · 2 评论 -
Vue Baidu Map 插件的使用
官方链接地址:https://dafrok.github.io/vue-baidu-map/#/zh/index原创 2019-07-08 11:41:00 · 778 阅读 · 0 评论 -
记一次vue中使用webview的扫一扫功能
ewqew原创 2019-07-07 16:28:35 · 2784 阅读 · 0 评论