摘要：
一、安装 vue-cookies 二、引入并声明使用 三、使用 四、key命名 阅读全文
摘要：
操作新增/编辑功能时初始化数据： 应用属性 default-checked-keys 给Tree节点赋默认值（赋值数据为节点数组Arr）前，应先清空数组Arr，并且配合使用 this.$refs.tree.setCheckedKeys([])。 阅读全文
摘要：
使用elementUI的el-form组件进行查询时，当输入框仅有一项时，回车自动提交表单，浏览器会刷新页面： 原因：由于当表单只有一个文本框时，按下回车将会触发表单的提交事件， 从而导致页面刷新。 1 <el-form :inline="true" :model="getForm" class=" 阅读全文
摘要：
1、创建“回到顶部”组件 1 <template> 2 <transition name="el-fade-in"> 3 <div class="page-up" @click="scrollToTop" v-show="toTopShow"> 4 <i class="el-icon-caret-t 阅读全文
摘要：
页面中多组件开发时，如果页面中有表格的，table表格头出现表头错乱 // 全局设置1 body .el-table th.gutter{ 2 display: table-cell!important; 3 } 4 5 body .el-table colgroup.gutter{ 6 displ 阅读全文
摘要：
第一种：使用vue-router history 模式下，用scrollBehavior 方法实现。 第二种：滚动条在非body上 示例： 第三种：基于第二种 在模块化开发中，子模块存在翻页按钮，当页码切换时回到顶部。（此时的滚动元素在祖先模块中） 阅读全文
摘要：
安装： npm i v-charts echarts -S 组件中使用： 1 <template> 2 <div class="app-chart"> 3 <div id="print-content"> 4 <!--用于图标组件--> 5 <ve-pie :data="chartData" :co 阅读全文
摘要：
路由跳转前后，需要做某些操作，这时就可以使用路由钩子来监听路由的变化。 接收三个参数： to: Route: 即将要进入的目标路由对象 from: Route: 当前导航正要离开的路由 next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参 阅读全文
摘要：
（一）使用props传值: <HeadTitle name-data="100"></HeadTitle> props:['nameData'] 父组件传递复合名称数据时使用小写和中划线（-） 组合，子组件接收复合名称数据时使用小驼峰。 （二）路由去 “#” 路由配置： mode:'history' 阅读全文
摘要：
watch:{ total:{ // total：要检测的数据 handler:(val,oldVal)=>{ // handler方法自动执行 }, deep:true // 深度检测（一般用于复合数据的检测） } } 2、第二种 watch:{ total(){ // 直接以要检测的数据作为方法 阅读全文