判断对象里面的数据是否为空 Object.keys(xxxxx)

秦悸

已于 2023-01-31 14:30:53 修改

阅读量143

点赞数

分类专栏： vue js 文章标签：前端 javascript vue.js

于 2023-01-30 16:06:14 首次发布

本文链接：https://blog.csdn.net/GikQxx21_wen/article/details/128804254

版权

vue 同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

要求

如果对象里面的数据为空显示弹出框添加数据存在数据时则提示“存在数据无需添加”

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 循环判断