Vue+element UI实现列表全部数据排序 element ui 表格中的sortable属性只能实现当前页数据的排序,无法实现整张表全部数据的排序,所以需要采取自定义的排序方式重新触发接口,获取排序好的全部列表。
Element UI表格内容双击可编辑,失去焦点提交内容 需求就是双击列表中的某一cell,获取焦点时单元格变成input编辑框,失去焦点时如果内容有更改就触发修改的接口,如果内容无更改的话,就不触发。
Vue el-table 默认展开某一行 需求是在另外一个页面选择IP地址直接到这个页面,并需要默认展开选择的那一行代码如下:<el-table border ref="expandTable" :data="nodeList"> <el-table-column type="expand"> <template slot-scope="props"> <el-form label-position="left" inline class="demo-table-ex
Vue websocket封装 created() { // 连接websocket this.initWebSocket();},methods: { // 初始化weosocket initWebSocket() { const path = 'ws://192.168.107.10:8083/ws/zhangsan'; this.webSocket = new WebSocket(path); this.webSocket.onmessage = this.webSocketMsg;
Vue el-input 使用@keyup绑定Enter键、上下左右键、删除键 Vue el-input 使用@keyup绑定Enter键、上下左右键、删除键<el-input v-model="order" @keyup.enter.native="keyUpOperate('enter')" @keyup.up.native="keyUpOperate('up')" @keyup.down.native="keyUpOperate('down')" @keyup.left.native="keyUpOperate('left')"
docker-compose部署Java后端+Vue前端 安装docker和docker-compose安装docker参考我另一篇博客:docker安装安装docker-compose:下载curl -L https://get.daocloud.io/docker/compose/releases/download/1.25.5/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose授权chmod +x /usr/local/bin/docker-co
Vue el-table 实现右键菜单 实现的效果如下:1.el-table和右键菜单视图代码@row-contextmenu="rightClick"是右键点击事件@row-click="clickTableRow"是每行单击事件<el-table border :data="connectList" @row-contextmenu="rightClick" @row-click="clickTableRow"> <el-table-column label="ID" alig
electron-vue打包借助Inno Setup打包成可执行文件 1.使用yarn build将程序打包成安装包形式在程序文件中的build文件夹中的win-unpacked中2.下载工具下载软件Inno Setup,这是官网https://jrsoftware.org/isdl.php安装好了之后打开软件,点击取消点击文件–>新建,点击下一步输入程序名称、版本、发布者下一步默认,不需要修改选择文件和安装包文件夹下一步默认选项下一步没有许可证文件跳过,直接下一步默认选项选择安装时支持的语言
Vue 将数组的字段取出组成key:value形式的对象+key:value 形式的对象组成数组 1.将数组的字段取出组成key:value形式的对象let list = [ { key: 'php', value: '1' }, { key: 'asp', value: '2' }, { key: 'aspx', value: '3' }, { key: 'jsp', value: '4' }]let header = {}list.forEach(({ key, value }) => header[key] = value);打印出来,就是key:value 的格
Vue实现炫酷倒计时效果 业务需求是3分钟倒计时重启系统,180s-120s蓝色,120s-60s橙色,60s-0s红色,越转越快。参考:https://developer.aliyun.com/article/618567