2023.2.2今天我学习了如何在表格中添加多选框并且可以进行多选的效果，以及可以进行批量删除的操作。效果：没选中时多选但不全选  全选   html代码如下：//@selection-change="handleSelectionChange"实现多选框的方法//type="selection"设置多选框把type类型设置为selection为多选框//:disabled="multiple"设置没有选中框时的禁用状态，在data里面默认为true（禁用）删除js代码如下：//多选框选中数据handleSelectionChange(selection){//selection拿到当前的选中

el-steps案例样式代码 请完善总结通过active来控制步骤direction="vertical"来控制方向icon来改变图标样式 引申Vue前端封装一个任务条的组件进行使用

今天在开发过程发现一个问题，如标题所描述的，我在更改了data(){return{}}里的数据后，也就是对el-checkbox的v-model绑定了一个data()里面的数据，与之对应的视图没有发生变化    我之所以断定我data()里的数据发生了变化，而视图没有发生变化，是因为在chrome的插件 vuedevtools中确认了data()数据是发生了改变，也就证明el-checkbox的v-model绑定的boolean值发生了改变，此时视图应该按照v-model="false" ==>v-model="true" 从未勾选状态==>勾选状态 但是页面一直没有更新。    在确认自己不

使用elementui时el-input的属性type=number，仍然可以输入e，其他的中文特殊字符都不可以输入，但是只有e是可以输入的，原因是e也输入作为科学计数法的时候，e是可以被判定为数字的，但是有些场景是需要把e这种情况屏蔽掉的，我们可以使用如下的方法。在进行键盘事件输入时，进行监听，禁止e的输入。方法如下。el-input@keydown.native="handleInput"type="number"v-model="form.number"clearableplaceholder="">/el-input>/el-form-item>handleInput(e){letke

 使用ElementUI時，总会自带外边框，写了好多css样式始终不能去除，最终发现是th与td所带的样式。代码如下el-table加class="customer-no-border-table"  CSS样式/*去掉表格单元格边框*/.customer-no-border-tableth{border:none;}.customer-no-border-tabletd,.customer-no-border-tableth.is-leaf{border:none;}/*表格最外边框*/.customer-no-border-table.el-table--border,.el-table-

我目前正在构建一个mac应用程序，将来应该能够在OSX上终止和启动应用程序。为此，我需要找到一种方法来获取计算机上所有已安装应用程序的列表。我已经做了很多研究，并决定使用Spotlight和NSMetadataQuery来获取列表。我找到了thispost关于提到的主题，并开始在Swift2.2(项目的首选武器)中实现功能。通过一些翻译，我能够让它工作，代码现在可以成功构建和运行。然而，在运行时，我似乎遇到了查询本身的问题:isbeingdeallocatedwithoutfirstcalling-stopQuery.Toavoidraceconditions,youshouldfir

当获取后台数据为空时，列表显示默认空图片，不正确姿势：编辑控制移除发现el-empty默认空图片一直显示不出来，还以为el-empty用法有问题，弄了个空页面，直接加载el-empty发现没有问题。查了一下原来el-table数据为空时，显示默认图片写法不对，正确姿势如下：编辑控制移除这样就能正常显示el-emtpy默认空图片了。

最近碰到个需求，el-table列表渲染数据，要求有多选框并且附带默认选中，翻页后保留选中状态写默认选中时百度一下还很简单，但是碰到个bug，第一次翻页可以保留，第二次翻页回来之后选中的就没了。经过研究解决，记录一下，直接上代码了默认选中只需要给table增加:row-key="getRowKeys":reserve-selection="true"然后列表获取数据时用这个方法，我这里是默认选中row.number==9的数据，this.$nextTick(()=>{lettable=this.tableData;table.forEach(row=>{if(row.number==9)thi

记录多级菜单时，NavMenu导航菜单的一级菜单点击事件以及当前激活状态变化原因：由于项目的需求变化，原本是点击二级子菜单才发生跳转，点击子菜单后，el-menu组件也会执行@select的方法，导航栏的菜单也会对应变成激活状态。但是，需求变成点击一级菜单也可以发生跳转，默认跳转到第一个子菜单的界面，el-menu没有实现可以点击el-submenu这一功能。解决方案：1.在el-submenu标签添加点击事件，@click.native，然后再从点击事件内实现跳转等事务，因为我的功能是默认跳转到第一个子菜单，故复用了@select的方法注意：单纯使用@click没有效果2.当前激活状态的改变

 没有设置样式之前，采用默认样式，界面如下： 模拟代码如下有效无效 为了美观需要修改下样式，使文本框与下拉框的长度一致第一种：添加style属性，采用行内样式修改长度style="width:200px" 第二种：添加class属性，采用内部样式 stule标签中设置长度 .test{ width:200px; }第三种：找到element-ui.scss，采用外部样式//设置form表单输入框，下拉框长度统一.el-form-item{.el-input{width:200px;}.el-select{width:200px;}}