logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【vue】element ui - el-upload 上传校验文件,格式和大小

el-upload 上传校验文件,格式和大小下面例子的情况是一个上传按钮,点击直接弹出选择文件<el-uploadref="upload"class="zls-upload-demo":action="actionurl":on-change="handleChange":show-file-list="false":file-list="fileListUpload":on-success

#vue.js#ui#elementui
【vue】实现页面滚动加载

需要注意 getBoundingClientRect()这个方法,正是通过这个方法获取元素位置,从而判断是否出现在可视区域。页面内容太多会导致加载速度过慢,这时可考虑使用滚动加载即还没有出现在可视范围内的内容块先不加载,出现后再加载。基本思路就是判断元素是否出现在浏览器的可视区域,出现了就加载请求接口加载内容。但是要求内容块有最小高度。

#vue.js#javascript#前端 +1
【vue设计与实现】响应系统的作用与实现 2-分支切换和cleanup

首先要明白什么事分支切换的定义,如下面代码:const data = {ok:true, text:'hello world'}const obj = new Proxy(data,{/*...*/})effect(function effectFn(){document.body.innerText = obj.ok? obj.text : 'not'})在effectFn函数内部有一个三元表达

#vue.js#面试#架构
【vue】 面试题总结 - ElementUI

ElementUI是怎么做表单验证的?在循环里对每个input验证怎么做呢?model绑定表单数据,通过prop取表单数值,根据rule取form-item rules 或则rules[prop]校验你有二次封装过ElementUI组件吗?有啊! 类似于分页, 表格, 毕竟每个项目的这些东西, 比如pageSize, size, 这些在每个项目基本都是统一的,设置起来会有四五个参数prop是固定的

【vue组件】使用element-ui 实现三级联动下拉选择

实现的思路是第一个下拉选择在选择了选项后将该选项的信息传递到接口请求下一个选项的内容,依次类推。然后在清除了上一级选择的选项后要将其次级和子孙级的选项都清除(包括选择里的列表内容)

文章图片
#vue.js#javascript#前端
【vue组件】vue+element ui 实现简单购物车

【代码】【vue组件】vue+element ui 实现简单购物车。

#vue.js#ui#javascript
【vue】element ui select选择一个选项传两个值

一般 el-select通过v-model同步传值(一般是传id)有时需要选择后同时保存id和name这时可以通过**@change**方法来实现,代码如下:<el-selectv-model="id"placeholder="请选择所属分类"class="form-input"@change="handleDirChange($event)"><el-option:label=

#vue.js#ui#javascript
【vue】退出登录清空路由

router 退出回到首页清空数据this.$router.replace({path: '/login'});location.reload();

【uni-app】rich-text的使用

App-nvue 和支付宝小程序不支持 HTML String 方式,仅支持直接使用节点列表即 Array 类型,如要使用 HTML String,则需自己将 HTML String 转化为 nodes 数组,可使用 html-parser (opens new window)转换。有时候展现的图片也是没有样式的,导致图片会按照原始大小显示,超出界面框架。nodes 值为 HTML String

#uni-app#微信小程序#前端 +1
    共 28 条
  • 1
  • 2
  • 3
  • 请选择