elementui中table和unpload的坑

上传文件限制大小或个数

限制的原理是先上传(before-upload)后删除,如果上传限制的同时还用到before-remove的话,用户就可以阻碍删除限制的文件,当用户点了取消删除按钮,限制的文件则还是上传了。这样限制就中return false或true就失效了。
解决:在data或computed中添加一个字段flag设置状态,在before-upload中判断条件修改flag状态,on-remove中设置flag,最后根据flag状态决定是否删除

2.table表头自定义

slot方式:如果自定义中用到data或computed中的变量,且在页面中变量不是响应的时,应采用render-header方式,就可以解决
两种 1.slot

<template slot="header">
	<el-select >
		<el-option label="全部" value=""></el-option>
		<el-option label="禁用" value="0"></el-option>
		<el-option label="启用" value="1"></el-option>
	</el-select>
</template>

2.render-header=“handleRendeHeader”

handleRendeHeader(h,{column,$index}) {
	const filters =[{text:'全部',value:''},{text:'禁用',value:'0'}{text:'启用',value:'1'}]
	return h('el-select', {
		on:{
			input:(value) => {
				this.checkStatus = value
			},
			change:(value) => {
				this.hanbleSelectChange(value)
			}
		},
		props: {
			value:this.checkStatus
		}
		
	},[
		filters.map(item => {
			return h('el-option', {
				props: {
					value:item.value,
					label:item.text
				}
			}
		})
	]
}

3.query传参数,在页面刷新的时候可能会将query中参数的类型发生转换(如number转string)

解决:再把参数转为number

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值