logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

uni-app中使用 async + await 实现异步请求同步化

问题:在uni-app中,uni.request等网络请求都是异步的,直接使用可能会导致页面渲染完毕时,数据还未成功获取的情况。解决方法:<script>export default {data() {return {};},methods:{getOutInfo(){return new Promise((resolve, reject) =...

#es6#javascript#前端
WinSCP 使用教程

1. 简介WinSCP 是一个 Windows 环境下使用的 SSH 的开源图形化 SFTP 客户端,同时支持 SCP 协议。它的主要功能是在本地与远程计算机间安全地复制文件,并且可以直接编辑文件。WinSCP 既可以管理远程 VPS 主机,也可以管理路由器,网络机顶盒等,只要远程设备能ssh连接即可。官网:https://winscp.net/eng/docs/lang:chs中文版下载:htt

#ssh#linux
JavaScript Blob 对象详解

在一般的 Web 开发中,很少会用到 Blob,但 Blob 可以满足一些场景下的特殊需求。Blob,Binary Large Object 的缩写,代表二进制类型的对象。Blob 的概念在一些数据库中有使用到,例如,MYSQL中的 BLOB 类型就表示二进制数据的容器。在 Web 中,Blob 类型的对象表示不可变的类似文件对象的原始数据。通俗点说,Blob对象是二进制数据,但它是类似文件对象的

#javascript#前端
Element-ui中 表格 (Table)组件中滚动条样式修改

1. 修改单个滚动条样式在对应组件的样式中使用穿透<style lang="scss" scoped>.el-table {/deep/ .el-table__body-wrapper::-webkit-scrollbar {width: 10px; /*滚动条宽度*/height: 10px; /*滚动条高度*/}/*定义滚动条轨道 内阴影+圆角*//deep/ .el-table_

#css#vue.js#前端 +1
Element-ui 表格(Table)组件中鼠标悬停(hover)样式修改

需求:使用 el-table 组件调整鼠标悬停某行时,高亮样式方法:<style lang="scss" scoped>.el-table {/deep/tbody tr:hover>td {background-color:#90c0f1;}}</style>

#css#css3#前端
解决 Element-ui中 选择器(Select)因options 数据量大导致渲染慢、页面卡顿的问题

业务场景:服务端返回两万多条数据需要在下拉框中展示,直接渲染会导致页面卡顿且需要很长时间等待,用户体验极差,所以我们把这个优化一下el-select,直接上代码。相关知识传送门:Vue 2.x实现自定义指令<template><div class="content"><el-select v-model="chooseValue" filterable v-el-se

#前端#elementui
Element-ui中 树形控件(Tree)实现只显示某一层级复选框且单选

需求:tree 组件可实现多选,但复选框在树结构中每一层级都有。如果只想某个层级展示复选框且实现单选需要怎么修改呢?思路:原本想通过禁用某些层级的复选框,达到只能某一层数据可选的功能,但是禁用的复选框仍然显示 效果不好。通过审查元素发现被禁用的复选框加上了特殊“类名”( is-disabled )。因此:我们可以先通过处理 tree 数据的某些层级 disabled 为 true,设置被禁用节点的

#css3#vue.js#elementui
Vue中 引入使用 vue-json-editor

1. 安装vue-json-editornpm install vue-json-editor --save2. 在vue组件中使用vue-json-editor<template><div class = "routeManagement"><vue-json-editorv-model="routeJson" :showBt...

#es6#vue.js#javascript +2
Element-ui 中对表单(Form)绑定的对象中的对象属性进行校验

如果是直接绑定属性,是可以的,但是绑定对象中的属性就需要特别处理,需要在rules中添加双引号 " "<template><div class="about"><el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">&lt

#vue.js#前端
Element-ui 表格 (Table) 组件中动态合并单元格

1. 效果图展示2. 实现思路在 table 组件中,提供了一个属性:span-method,它是一个Function,本身有4个参数,分别是 row , rowIndex , column , columIndex; 这四个值可以直接拿到。先处理连续相同的列的值,做标记,然后,在合并的方法中,根据我们处理好的数组,去对应的合并行或列。3. 完整代码<template><div&

#前端#vue.js
    共 108 条
  • 1
  • 2
  • 3
  • 11
  • 请选择