前端vue:判空等’

本文探讨了如何在Vue中正确判断JavaScript传递的空数组,并提到了避免滥用状态管理、v-if的使用和inline属性应用。还介绍了如何处理不同类型的空值,如undefined、null和空字符串。
摘要由CSDN通过智能技术生成

https://element.eleme.cn/#/zh-CN/component/divider

对于js传过来到vue的[]型,进行判断时,一直不好判断,即判断一直是正确:
if(appList != ‘[]’)
非 if(appList != [])

且注意undefined、null、“”,[]的区别,多试一下,恶心

再次,dispatch(xx)是在请求成功或失败后,进行xx的方法的访问,别乱用,比如删除规则的时候,用了一下,结果之后访问了一下appList而已,规则列表却给我置空了。

js中的state.xxList = [] 也别乱用,在state.xxList访问失败的时候才为[],其他方法访问大可不必

v-if 可以用来控制组件的显示与否,不是非visible不可

设置 inline 属性可以让表单域变为行内的表单域,即并排

<el-form :inline="true" :model="formInline" class="demo-form-inline">

分割线

 <el-divider content-position="left">少年包青天</el-divider>

对应显示值

{{xxMap[xxForm.type]}}
xxMap: {
	0: '完成',
	1: '未完成',
	}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值