摘要：
VUX：一个凑合的 Vue.js 移动端 UI 组件库：使用频率较低。 github ui demo:https://github.com/airyland/vux Mint UI：基于 Vue.js 的移动端组件库 项目主页:http://mint-ui.github.io/#!/zh-cndem 阅读全文
摘要：
一般我们在vue工程中进行页面跳转，直接用this.$router.push({path:'/xxx ', query: { id: id,name: "yyy"}}) 但是当跳转的路径相同，只有后面携带的参数不同时，往往会出现跳转不生效的情况。 那么往往我们会在进入这个页面的时候调用init()方 阅读全文
摘要：
组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM 生命周期的方法有： componentWillMount：在渲染前调用,在客户端也在服务端。 componentDidMount：在第一次渲染后调用，只在 阅读全文
摘要：
export：输出本模块（一般一个文件认为是一个模块）提供给外部使用的接口； import：引入其他模块，供本文件使用，可以引用的就是export输出的接口； export有两种方式：export 或者export default； 两者的相同点与区别点如下： 1、两者均可用于导出常量、函数、文件、 阅读全文
摘要：
方法一：图片在页面中以背景图的方式出现 html代码： css代码： 鼠标放上去之后，图片在0.7s的时间内放大至原先的1.05倍，鼠标移出，图片恢复； 方法二：图片在页面中以元素存在，即img html代码: css代码： 鼠标放上去之后，图片在0.7s的时间内放大至原先的1.05倍，鼠标移出，图 阅读全文
摘要：
水平居中 方法一：使用样式text-align: center; 方法二：使用样式margin: 0 auto; 方法三：使用display: flex布局； 方法四：使用绝对定位的方式 垂直居中： 方法一：使用样式vertical-align: middle(需要是行内元素，往往伴随着displa 阅读全文
摘要：
一般表单提交时，点击提交后，整个表单都应该处于不可操作的状态，为了用户体验良好，我们基本上会在表单的中间位置显示loading 等提示字样。（学习实践记录） 先创建一个表单提交的对话框（例子来源于element ui官网） 点击确定后校验表单内容，然后提交表单内容给后端，同时表单对话框中出现“提交中 阅读全文
摘要：
需求： 1、列表页打开后，从其他页面进来时不刷新数据； 2、详情页返回至列表页时，数据不刷新，同时浏览位置不改变； 3、编辑页返回列表页时，表格该行数据刷新，浏览位置不改变； 实现思路： 1、使用keep-alive来缓存页面； 2、使用路由跳转时：beforeRouteEnter和beforeRo 阅读全文
摘要：
在element ui中提供了表格的基本操作，现在需要 根据查询条件月份范围 来展示表格的列。处理方式如下： html文件： 前后都是固定的展示，中间展示月份数据时，根据查询月份的范围展示，默认展示7个月份的数据。 后端接口返回数据以后，需要把月份、订单数、金额组成一个对象。放到一个数组items中 阅读全文
摘要：
组件间的通信有两种：1、父组件与子组件之间的通信；2、非父子组件间通信； 一、父组件与子组件之间的通信 父组件传递数据给子组件（使用props）： 父组件： <template> <div style="width:100%"> <child :showMessageContent="childMe 阅读全文