随笔分类 -  vue

全局注册组件
摘要:在main.js中,引用需要全局的组件 然后在需要的页面,直接使用, <common-vue></common-vue> 阅读全文
posted @ 2018-08-28 15:23 懒人猫 阅读(140) 评论(0) 推荐(0)
vue调取微信通讯录不成功
摘要:前个页面的跳转要使用window.location.href,如果使用路由跳转可能出现时而成功时而不成功 阅读全文
posted @ 2018-04-28 14:30 懒人猫 阅读(309) 评论(0) 推荐(0)
vue监听手机后退按钮,a标签出现后退问题
摘要:页面加载监听 注意:如果后退不成功,跳转要用 // 解决附件返回的坑,加定时器 var bool = false setTimeout(function(){ bool = true }, 1000); if (bool) { window.location.href = "/OaNowork" } 阅读全文
posted @ 2018-04-28 14:28 懒人猫 阅读(3328) 评论(0) 推荐(0)
vue监听滑动事件,隐藏移动端键盘或者input失去焦点
摘要:在页面加载的地方mounted或者created写监听事件,注意使用touchmove事件 阅读全文
posted @ 2018-04-28 11:29 懒人猫 阅读(2159) 评论(1) 推荐(1)
基于alipay用到的
摘要:1.在map。js里面新增路由组件 跳转到下一个页面 news.vue map.js 2.拼接字符串(密码) input银行卡四位一个空格 手机号码中间隐藏,显示两端 第一种: 阅读全文
posted @ 2017-10-10 18:01 懒人猫 阅读(357) 评论(0) 推荐(0)
父子组件传递问题
摘要:一、父组件传递给子组件数据,通过props传递 父组件,在data里面返回数据,绑定在dom上, 子组件:通过props传递父组件的数据,因为引用了props,所以不需要data返回,记住:props里面的名字是绑定属性的名字,即ageSrc,而不是数据名字 二、子组件传递给父组件 子组件通过#em 阅读全文
posted @ 2017-09-29 10:23 懒人猫 阅读(211) 评论(0) 推荐(0)
vue常用插件
摘要:命名规范 http://www.h3399.cn/201703/59026.html better-scroll + vue2.0 实现移动端滑动2——左右联动 引用better-scroll报错Cannot read property 'children' of undefined DOM ,生成 阅读全文
posted @ 2017-08-30 17:37 懒人猫 阅读(739) 评论(0) 推荐(0)
svg图标的代码生成
摘要:1.打开网址https://icomoon.io/,点击右上角红色按钮 2.把svg的图标上传并下载 *************************************************** 将生成的内容放到模板下面,此处用的是styl预处理器 引用注意: fonts和style.cs 阅读全文
posted @ 2017-03-19 18:22 懒人猫 阅读(5056) 评论(0) 推荐(0)
vue项目中常用的
摘要:v-show控制页面的切换,隐藏显示 在要加事件的地方,加@click.stop.prevent="card" 在要隐藏显示组件的地方,加v-show="showCard" 如图; 通过操作对象的变量或者模型(data里面的数据可以称为模型),改变dom,而不是直接操作dom,间接达到vue和js的 阅读全文
posted @ 2017-03-16 21:06 懒人猫 阅读(9240) 评论(2) 推荐(0)
vue引用其他组件,css
摘要:1.vuejs组件之间的调用components 注意:报错Do not use built-in or reserved HTML elements as component id: 修改组件的名字,例如不能使用address,header为组件名字 组件名字不要使用内置的或保留HTML元素为组件 阅读全文
posted @ 2017-03-13 00:22 懒人猫 阅读(26682) 评论(1) 推荐(1)
vue入门以及Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法
摘要:vue.js组件的重要选项:data,methods 渲染循环列表 :v-for 事件绑定 v-on 属性绑定 v-bind Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法 http://lib.csdn.net/article/reactnative/59973 然后重 阅读全文
posted @ 2017-03-10 21:02 懒人猫 阅读(694) 评论(0) 推荐(0)
vue.js搭建环境
摘要:vue.js搭配环境 一、初次安装 1.用命令行安装,推荐使用淘宝镜像,npm install -g cnpm --registry=https://registry.npm.taobao.org用cnpm代替npm 2.cnpm -v 3.安装cnpm install -g vue-cli,脚手架 阅读全文
posted @ 2017-03-10 20:26 懒人猫 阅读(1113) 评论(0) 推荐(0)