随笔分类 -  Vue

vue 自定义image组件
摘要：介绍 1：当图片加载失败时，给出错误提示。 2：当图片加载中时，给出加载提示。 3：图片处理模式：等比缩放/裁剪/填充/... 1、图片加载状态处理 通过给图片绑定load事件与error事件处理函数来判断图片加载状态。当图片加载完成时会触发load事件；图片加载出错会触发error事件 2、图片模 阅读全文
posted @ 2019-06-05 22:39 破壳而出的蝌蚪 阅读(8437) 评论(0) 推荐(0)
怎么使用Vue-cli3开发像iview、element那样的组件可下载直接使用
摘要：https://www.cnblogs.com/wisewrong/archive/2018/12/28/10186611.html 参考这个就行。 而我这篇文章主要是对里面的相关步骤作一些简单的说明。 1：安装Vue-cli3 2：目录创建：packages 目录用于存放自己定义的组件 examp 阅读全文
posted @ 2019-04-30 22:21 破壳而出的蝌蚪 阅读(997) 评论(0) 推荐(0)
Vue 无限滚动加载指令
摘要：也不存在什么加载咯， 就是一个判断滚动条是否到达浏览器底部了。 如果到了就触发事件，米到就不处理。 计算公式提简单的 底部等于（0） = 滚动条高度 - 滚动条顶部距离 - 可视高度。 反正结果就是0。 一、获取滚动条位置 二、给根节点绑定滚动事件 vue给body元素绑定滚动条事件，真TMD草蛋。 阅读全文
posted @ 2019-04-26 16:40 破壳而出的蝌蚪 阅读(549) 评论(0) 推荐(0)
vue-router 通过路由来实现切换头部标题
摘要：在做单页面应用程序时，一般页面布局头尾两块都是固定在布局页面，中间为是路由入口。这时访问页面时头部标题不会变，该问题的解决方案如下： 通过采用组件内路由卫士(beforeRouterEnter、beforeRouterUpdate)与路由元信息(meta) 来实现更新头部标题信息。点击查看文档 be 阅读全文
posted @ 2019-04-24 10:25 破壳而出的蝌蚪 阅读(3444) 评论(0) 推荐(1)
vue-router 用户登陆
摘要：有些路由页面需要用户登陆之后才能访问如（用户中心），如果用户没有登陆就访问这些页面的话就应该转换到登陆页面，登陆成功之后在进入该页面。 需要用到的知识点有：H5中的会话存储（sessionStorage）、vue-router路由前置操作、路由元信息(meta). 路由配置 在路由页面中添加auth 阅读全文
posted @ 2019-04-23 21:14 破壳而出的蝌蚪 阅读(2563) 评论(0) 推荐(0)
vue 单文件组件中样式加载
摘要：在写单文件组件时，一般都是把标签、脚本、样式写到一起，这样写个人感觉有点不够简洁，所以就想着把样式分离出去。 采用import加载样式 在局部作用域（scoped）采用@import加载进来的样式文件，想法是美好的。以为这样加载进来的样式文件也只对当前组件有效；可现实是残酷的，这样加载进来的样式无法 阅读全文
posted @ 2019-04-20 11:16 破壳而出的蝌蚪 阅读(1326) 评论(0) 推荐(0)
vue-router 页面布局
摘要：在单页面应用程序（SPA）中，有些页面的布局结构是上下两块是固定，中间内容是变化的。这时在入口处固定上下部分就可以很好的解决这一问题。有少部分页面没有上下部分或不需要（如：用户注册、登陆页面），针对这一情况怎么解决 兼容这两种情况解决方案： App.vue 在入口处单个路由输出 Frame.vue 阅读全文
posted @ 2019-04-20 10:01 破壳而出的蝌蚪 阅读(2621) 评论(0) 推荐(0)
vue-cli3 中跨域解决方案
摘要：此方案只能用于开发环境，线上最好设置同源策略（遇到个后端,装你妈批） 前后端不在同一服务器的情况下，前端要访问后端API，可通过在vue.config.js中配置代理服务器。 0：前提条件 1：安装vue-lic 2：安装axios 用于发送请求。 1：将任何未知请求转发到代理服务器 如： 前端地址 阅读全文
posted @ 2019-04-09 21:43 破壳而出的蝌蚪 阅读(18631) 评论(4) 推荐(0)
Vue 单选框与单选框组 组件
摘要：radio组件 v-model ： 通过当然绑定的值与input上的value值来确定当前选中项。 在父作用域中通过active设置当前默认选中项,如果选中项发生改变后通过input事件通知传递到父作用域,告知当前选中项.(自定义组件 v-model 数据双向绑定) radioGroup组件 把ra 阅读全文
posted @ 2019-03-29 16:44 破壳而出的蝌蚪 阅读(10857) 评论(0) 推荐(0)
Vue slot插槽
摘要：插槽用于内容分发，存在于子组件之中。 插槽作用域 父级组件作用域为父级，子级组件作用域为子级，在哪定义的作用域就在哪。 子组件之间的内容是在父级作用域的，无法直接访问子组件里面的数据。 插槽元素 <slot></slot> 或 <slot name="名称">默认值</slot> 1：如果定义了sl 阅读全文
posted @ 2019-03-12 15:58 破壳而出的蝌蚪 阅读(455) 评论(0) 推荐(0)
vue 组件通信
摘要：组件 组件之间的数据是单向绑定的。 父组件向子组件通信 是通过子组件定义的props属性来实现。通过props定义变量与变量类型和验证方式。 props简化定义 在简化定义中，变量是以数组的方式定义。 props完整定义 完整定义是采用字面量形式，type 要定义的类型 通信方式 父组件向子组件定义 阅读全文
posted @ 2019-03-11 21:43 破壳而出的蝌蚪 阅读(370) 评论(0) 推荐(0)
vue中computed计算属性与methods对象中的this指针
摘要：this 指针问题 methods与computed中的this指针 应该指向的是它们自己，可是为什么this指针却可以访问data对象中的成员呢？ 因为new Vue对象实例化后data中的成员和computed中的成员为实现化对象属性了，而methods中定义的方法为实现化对象方法了。这时thi 阅读全文
posted @ 2019-03-09 21:07 破壳而出的蝌蚪 阅读(3706) 评论(0) 推荐(0)