摘要:
关于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等,可以对新添加的元素设 阅读全文