vue2.0专栏

css sass vue 大屏页面样式 设置vh vw需要配置的值css sass vue 大屏页面样式 设置vh vw需要配置的值

css 设置页面滚动条样式 css 设置页面滚动条样式 css 设置页面滚动条样式 css 设置页面滚动条样式

el-tooltip 文字超出省略显示提示信息el-tooltip 文字超出省略显示提示信息el-tooltip 文字超出省略显示提示信息

通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函

横向铺满 右侧做出尖角 左侧做出缺角 处理首尾 修改颜色 横向铺满 右侧做出尖角 左侧做出缺角 处理首尾 修改颜色

resetMessage.js main.js vue文件中使用 Message 消息提示 重置message，防止重复点击重复弹出message弹框

index.vue el-table expand三级表格的行内编辑 el-table expand三级表格的行内编辑

tree.vue 实现el-tree 单选+过滤实现el-tree 单选+过滤实现el-tree 单选+过滤实现el-tree 单选+过滤实现el-tree 单选+过滤实现el-tree 单选+过滤实

项目标签默认样式修改 .css 项目ElementUI样式默认修改 .css 项目通用css样式布局处理

插槽内容与出口 举例来说，这里有一个 <FancyButton> 组件，可以像这样使用： 而 <FancyButton> 的模板是这样的： <slot> 元素是一个插槽出口 (slot outlet)

通用js方法封装处理 1. 日期格式化 2. 表单重置 3. 添加日期范围 4. 回显数据字典 5. 回显数据字典（字符串、数组） 6. 字符串格式化(%s ) 7. 数据合并 8. 构造树型结构数据

el-table el-radio 单选功能 单选按钮后不显示内容 这里写`&nbsp;`的目的是为了页面不显示内容，只显示单选操作。

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/23b3506abbbe429b84244a1b63265b9e~tplv

全局设置axios默认值单独给接口设置headers给满足条件的接口设置heaers(在axios拦截器中添加headers属性)

解决方法：通过自定义指令来实现项目实际应用mixin文件夹下创建dialogFocus.js文件写入自定义指令使用<input>的对话框用v-show设置显示隐藏时,自动获取焦点无效

这就是由于对象类型直接赋值，只是将引用指向同一个地址，导致修改了obj会导致obj2也被修改。 所以在vue中，如果多个组件引用了同一个对象作为数据，那么当其中一个组件改动对象数据时，其他对象的数据也会同步改动。

数组的计算属性对象的计算属性

router-link路由跳转切换导航栏样式在css中定义该class对应的router-link-active样式设置首页为默认状态：添加exact属性左右布局高度撑满屏幕高度超出显示内部滚动条

router-link路由跳转切换导航栏样式在css中定义该class对应的router-link-active样式设置首页为默认状态：添加exact属性左右布局高度撑满屏幕高度超出显示内部滚动条

多选框组el-checkbox的label属性是label标签对应的值如果标签没有值label属性也必须要写否则点击一个复选框会选中所有的再将label标签用css样式隐藏掉table.el-chec