treeLinuxtree命令用于以树状图列出目录的内容。执行tree指令，它会列出指定目录下的所有文件，包括子目录里的文件。语法tree[-aACdDfFgilnNpqstux][-I][-P][目录...]参数说明：--a显示所有文件和目录。--A使用ASNI绘图字符显示树状图而非以ASCII字符组合。--C在文件和目录清单加上色彩，便于区分各种类型。--d显示目录名称而非内容。--D列出文件或目录的更改时间。--f在每个文件或目录之前，显示完整的相对路径名称。--F在执行文件，目录，Socket，符号连接，管道名称名称，各自加上"*","/","=","@","|"号。--g列出文件或目
ElementUItable无缝循环滚动恰好实习的时候遇到了这个需求，而且网上的代码有点僵硬，所以我改了改，顺手水一篇博客出来，其实是很简单的东西。部分思路来源：https://blog.csdn.net/qq_38543537/article/details/122842943但是来源的代码，在滚动到底部时会有非常生硬的切换，我这里改了一些代码，让它的滚动变得流畅。效果：原理：代码：HTML：JS：data(){return{timer:null,//注意：它需要将展示的数据额外复制一份（为了无缝滚动）tableData:[{num:1},{num:2},{num:3},{num:4},{n
ElementUItable无缝循环滚动恰好实习的时候遇到了这个需求，而且网上的代码有点僵硬，所以我改了改，顺手水一篇博客出来，其实是很简单的东西。部分思路来源：https://blog.csdn.net/qq_38543537/article/details/122842943但是来源的代码，在滚动到底部时会有非常生硬的切换，我这里改了一些代码，让它的滚动变得流畅。效果：原理：代码：HTML：JS：data(){return{timer:null,//注意：它需要将展示的数据额外复制一份（为了无缝滚动）tableData:[{num:1},{num:2},{num:3},{num:4},{n
背景项目中用到了vue的element-ui框架，用到了el-tree组件。由于数据量很大，使用了数据懒加载模式，即异步树。异步树采用复选框进行结点选择的时候，没法自动展开，官方文档找了半天也没有找到好的办法！找不到相关的配置，或者方法可以使用。经过调试与阅读elment-ui源码才发现有现成的方法可以进行结点展开。下面就介绍结点展开的实现！1.监听复选框点击事件checkel-tree:props="mulprops":load="loadNode"lazynode-key="id"show-checkboxaccordion@current-change="currentChange":f
背景项目中用到了vue的element-ui框架，用到了el-tree组件。由于数据量很大，使用了数据懒加载模式，即异步树。异步树采用复选框进行结点选择的时候，没法自动展开，官方文档找了半天也没有找到好的办法！找不到相关的配置，或者方法可以使用。经过调试与阅读elment-ui源码才发现有现成的方法可以进行结点展开。下面就介绍结点展开的实现！1.监听复选框点击事件checkel-tree:props="mulprops":load="loadNode"lazynode-key="id"show-checkboxaccordion@current-change="currentChange":f
在实际开发工作中，经常会碰到当select下拉数据过需要做分页的情况这里简单介绍封装的一个Pagination-Select组件几个步骤封装的比较简易，可以根据自己的项目进行改动/components/Pagination-Select/index.vueexportdefault{name:'PaginationSelect',props:{selectOptions:{type:Object,default:()=>{}}},data(){return{selectPage:{currentPage:1,pageSize:3},value:''}},methods:{selectChang
在实际开发工作中，经常会碰到当select下拉数据过需要做分页的情况这里简单介绍封装的一个Pagination-Select组件几个步骤封装的比较简易，可以根据自己的项目进行改动/components/Pagination-Select/index.vueexportdefault{name:'PaginationSelect',props:{selectOptions:{type:Object,default:()=>{}}},data(){return{selectPage:{currentPage:1,pageSize:3},value:''}},methods:{selectChang
通过elementui的源码可以找到控制选择框展开与关闭的一个方法toggleMenu，这里面还有一个自定义指令v-clickoutside（该指令是为了点击外部元素能够关闭展开框，详细了解请点此）需要阻止，阻止方法见下面element\packages\select\src\select.vue这样可以通过ref调用组件内部方法的方式实现但是！！！在按钮上需要使用mouseup事件并且添加.stop修饰符才能正常展开与关闭这个和elementui中的自定义事件v-clickoutside有关element\src\utils\clickoutside.js在这个自定义指令中监听了docume
通过elementui的源码可以找到控制选择框展开与关闭的一个方法toggleMenu，这里面还有一个自定义指令v-clickoutside（该指令是为了点击外部元素能够关闭展开框，详细了解请点此）需要阻止，阻止方法见下面element\packages\select\src\select.vue这样可以通过ref调用组件内部方法的方式实现但是！！！在按钮上需要使用mouseup事件并且添加.stop修饰符才能正常展开与关闭这个和elementui中的自定义事件v-clickoutside有关element\src\utils\clickoutside.js在这个自定义指令中监听了docume
@目录前言一、ElementUI如何在原有页面添加另外一个页面并实现关联增删查改？二、实现步骤1.ElementUI代码2.思路：很简单1.1首先通过el-row、el-col、el-card等将两个页面组合在一起。1.2其次在首页el-table栏内设置@row-click="companyClick"点击事件，并且设置点击时高亮，highlight-current-row1.3第2页面其实跟第1页面都差不多，但是要注意像表格数据映射名字要换一个名字ref="table":data="companyTableData"，及分页也要换一个名字el-pagination:total="pageT
