苏落

摘要： 关于WebSocket，谈一下我的个人理解，更深入的后续补上。 websocket是双向通信，即客户端可以向服务端发消息，服务端也可以主动向客户端发消息，那怎么理解呢， 接口请求是http请求，也就是客户端向服务端发消息，但这是一次请求，一次应答，websocket的客户端向服务端发请求时，是可以一 阅读全文

摘要： 在代码中通过v-for显示每行内容，引入v-chart时，在设置ref的值时，因为说是不能共用一个，需要唯一， 开始想着直接是:ref来动态赋值，后来发现在下面方法中写自适应方法时，取不到对应的图的ref值。 实现代码： 1.html： <div class="eachPartition" v-fo 阅读全文

摘要： 在一个vue页面中有时候内容会很多，为了方便编写查看，可以分为多个子组件，最后在父组件中引入对应的子组件即可。 下面这个是父子组件通信中的一个具体实例：新增、修改弹框。 子组件中主要写了关于新增、修改的弹框， 子组件： 1.弹框： 可以直接使用elementui的el-dialog来写，很多样式就可 阅读全文

摘要： 如上图所示，在放大/缩小浏览器屏幕时，echarts图可以自适应。 实现代码： 1.html: <div class="tps"> <p>TPS</p> <div class="tps_charts"> <v-chart ref="runTimes_creditChart" class="credi 阅读全文

摘要： 当删除用户时，有时需要弹出一些确定信息，一般有两种形式：消息提示、弹框。 1.message信息框： this.$message({ message: '确定删除该用户？', type: 'warning' }) 2.confirm确认框： this.$confirm('将删除该用户, 是否确定?' 阅读全文

摘要： 效果如上所示， 不论在表格中如何新增删除表格数据，序号总是从1开始递增排序，原理是根据表格分页中当前页数与当前页条数来计算的。 <el-table-column label="序号" prop="" width="180" align="center"> <template slot-scope=" 阅读全文

摘要： 实现效果如下，根据在下拉框中筛选要显示的列，则在下面表格中就会显示对应的列。 实现代码： 1.在页面中显示按钮，通过点击按钮控制下拉框的显示与隐藏： html： <div class="butt_select"> <el-button type="primary" icon="el-icon-men 阅读全文

摘要： 如下所示，需要改变输入框中默认文字的字体颜色， input::-webkit-input-placeholder { color: #c0c4cc; } input::-moz-input-placeholder { color: #c0c4cc; } input::-ms-input-placeh 阅读全文

摘要： element-ui中有关于菜单的代码，点击对应的菜单实现高亮显示，若是直接在URL中输入path地址，页面可以跳转，但菜单还是停留在原先的菜单上，路由跳转了但是对应的菜单并未高亮显示。 el-menu代码： <el-menu class="el-menu-vertical-demo" @open= 阅读全文

摘要： 先介绍下伪类和伪元素： 伪类：操作的是在dom结构中已经存在的元素，可以对它进行一些样式的调整，比如:active,:hover等，一般用单冒号，感觉像是给元素添加一个class，然后设置样式； 伪元素：操作的是在dom结构中不存在的元素，比如::after,::before等，可以对新添加的元素设 阅读全文