海贼王某人的博客

element-ui之el-select下拉选择器树形选择器的使用方法，由于官方案例比较麻烦，而且说明也比较少，新手拿来还要研究一下，我用完后直接给简化了，复制去直接可以用，吧字段含义简单阐述一下，直接上代码吧。

vue大数据表格上万条数据，树型表格，解决el-table表格数据量过大渲染卡死的问题，使用umy-ui的大数据表格虚拟表格虚拟滚u-table解决。，先看看效果吧，拿实例说话，直接渲染四万多条数据不分页，树形表格可以展开。

解决el-table表格打印错位，el-table打印时表格行错位问题，el-table数据过多打印行错位问题。,记录el-table打印时的一个小BUG，行错位的问题，先看看bug图，再看看解决后的效果图，最后奉上代码。

table必须加上highlight-current-row 这个属性，然后在js里面注册一个方法selectRow，传入row的话就是走高亮某一行，不传值的话就走取消高亮，主要方法是setCurrentRow(row),row必须是tableData里面的数据，也可以在if里面做其他判断，比如row传的只是一个id,也可以更具id循环判断是tableData里面的那一条数据，然后找到这一条，在调用setCurrentRow(row)方法，效果一样可以实现 <el-table :data="t

上面是原本的样式，下面是隐藏后的样式，给文本域.el-textarea__inner类名添加上resize:none;这个属性即可代码片段：.el-textarea__inner { resize:none; }

最近项目开发vue+element实现表格每格的列宽根据内容自适应，查了很多资料也看了官方文档，其实fit属性是可以解决的，查看fit属性，而且效果还不错，但有些奇葩要求，必须要内容全部显示的情况下就满足不了，这时候下面这个办法就可以帮你解决掉这个奇葩需求：基本实现思路：首先给列绑定:width=“flexColumnWidth(‘paperNumber’,viceTableData)”方法，来更具需要显示的文本内容计算出大概的长度，并且返回计算值，<el-table-column prop="

今天写着写着突然出了一个bug,很是郁闷，看下图解决办法很简单看代码：:modal-append-to-body=‘false’//加上这个属性就可以了<el-dialog :modal-append-to-body='false' width="33%" top='38vh' title="新建群聊" :visible.sync="showAdd">...

最近项目需要im在线聊天功能，消息发送enter键，换行ctrl+enter，找了很多资料才解决，结合自己理解也扩展了一些内容，希望可以帮大家解决问题：下面是HTML代码<el-input @keydown.enter.native="keyDown" type="textarea" :rows="4" class="text-input" placeholder="请输入内容" v-model="textarea"></el-input>下面是js代

最近项目需要im在线聊天功能，消息发送enter键，换行ctrl+enter，找了很多资料才解决，解决问题的小伙伴可以点个赞，感谢感谢：直接看代码;<el-input @keydown.enter.native="keyDown" type="textarea" :rows="4" class="text-input" placeholder="请输入内容" v-model="textarea"></el-input>我用的element组件，这个不影

本方案支持颜色自定义，高亮行数自定义，可高亮多行，可定义多个颜色，主要实现方式是css样式，代码简单易懂，下面看效果和代码吧：当前效果：预期效果：代码：这是HTML代码 绑定这个属性:row-class-name=“tableRowClassName”<el-table:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> <el-table-column prop="d

头疼了一下午，终于解决，话不多或少，看图吧：上面是报错信息，下面是页面显示解决办法，我也不知道为什么，看下图：querySearch(queryString, cb) { var restaurants = this.restaurants; for(let i = 0; i < restaurants.length; i++) { restaurants[i].value = restaurants[i].name+''; }

最近vue开发，遇到一个页面样式上的问题，单选框和多选框的样式显示问题，看下图片吧：这是官方组件的显示效果，项目效果需求如下图找了很多资料，最后终于解决了，边看代码边解释吧：这里的.right是我自定义的类名，父盒子，我的单选组是直接放在这个盒子里面的，下面的写法是vue的scss写法，不懂得可以先去了解一下； .right{ width: 40%; border-bottom: 1px solid #cacaca;