vue判断某个对象是否存在与判断对象是否为空

原创已于 2023-12-14 18:18:49 修改 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

于 2023-01-29 15:51:24 首次发布

经验分享同时被 2 个专栏收录

149 篇文章

订阅专栏

vue

136 篇文章

订阅专栏

本文介绍如何在Vue.js中判断对象是否为空，并根据判断结果进行相应的初始化操作。通过Object.keys和Object.values方法实现对象状态检查，确保弹窗内容展示逻辑正确。

声明对象

return{
 obj:{},//空对象
settingFormData: {}, //设置页面数据
   dialogForm: {
        promptContent: '', //提示内容
        copywriting: '', //描述文案
        signInSuccessJson: [1, 2], //H5頁面顯示信息
       
      },//弹框数据
}

vue判断某个对象是否存在

 methods: {
   //打开弹框，如果后台返回了this.settingFormData的值则显示后台返回的数据，如果没有则将所有数据置空
    goSetUp() {
      this.centerDialogVisible = true;
      // Object.keys(this.settingFormData)判断this.settingFormData是否存在
      //this.settingFormData接收后台返回的json值
      if (Object.keys(this.settingFormData).length!=0) {
        this.dialogForm = this.settingFormData;
 
      } else {
        this.dialogForm = {
          promptContent: '', //提示内容
          copywriting: '', //描述文案
          signInSuccessJson: [1, 2], //H5頁面顯示信息
        };
      }
    },
}

判断对象是否为空

//两种方法使用一致
if(Object.values(this.obj).length!=0){
  console.log('存在');
}
if(Object.keys(this.obj).length==0){
  console.log('不存在');
}