drift_away_的博客

1.首先大家现在查阅所有资料都可能无法找到关于highlight-current-row单选表格中的问题，这也是我在开发并且秃头的过程中踩过的好多坑，拿出来给大家分享分享。首先并不是radio单选表格，而是这种带色块的单选表格2.也就是配置highlight-current-row属性即可实现单选。之后由current-change事件来管理选中时触发的事件，它会传入currentRow，oldCurrentRow。如果需要显示索引，可以增加一列el-table-column，设置type属性为inde

一.单选框表格默认选中某一行高亮状态1.首先，element ui-----table添加表格属性highlight-current-row，官方解释为是否要高亮当前行，其次添加 ref=“multipleTable”， <el-table :data="tableData3" @row-click="handle" ref="multipleTable" :header-cell-style="{backgroun

一. 实现表格多选框1.首先要想在表格中实现多选：需要手动添加一个el-table-column，设type属性为selection即可；默认情况下若内容过多会折行显示，若需要单行显示可以使用show-overflow-tooltip属性，它接受一个Boolean，为true时多余的内容会在 hover 时以 tooltip 的形式显示出来。<el-table ref="multipleTable" :data="tableData3" tooltip-effect="da

Vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除 scoped 属性造成组件之间的样式污染。此时只能通过 >>>，穿透 scoped。有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符 ( >>> 的别名)Vue的CSS中如果使用Element UI(获取其他第三方组件)解决办法如下<style scoped>普通穿透.el-table >>> .tbody

对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载， 等到滚动到可视区域后再去加载。这样子对于页面加载性能上会有很大的提升，也提高了用户体验。实现方法(使用vue的vue-lazyload插件)1.安装插件npm install vue-lazyload --save-dev2.在入口文件main.js中引入并使用import la...

Vue 整体概览