要求
如果对象里面的数据为空 显示弹出框添加数据 存在数据时则提示“存在数据无需添加”
demo
<!-- 按钮 -->
<div class="btn">
<sec-button
type="primary"
plain
:disabled="disabled"
@click="add" -------给按钮一个事件---------
>新增</sec-button>
</div>
script
// 点击
add() {
-------------判断对象的方法 Object.keys(xxxxx).length === 0----------------------
if (Object.keys(this.tableData).length === 0) {
this.title = '添加'
this.dialogVisible = true
this.form = {
accessKey: '',
encryptSecurity: '',
url: ''
}
} else {
this.disabled = true
this.$message('已有数据,无需重新添加 ')
console.log(this.tableData, 'tableData')
}
},
在vue中有两种方法可进行判断对象里面的数据是否为空
JSON.stringify(evtValue)=='{}'
Object.keys(xxx).length==0
js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串,再判断该字符串是否为"{}" var data = {}; var b (JSON.stringify(data) == "{}"); alert(b);//true
2.for in 循环判断