data数据返回报异常的问题？

  • Z时代
  • 2024-02-10
  • 分类：IT

代码如下：

if (res.code === 0) {
        if (res.data.agreementUrl) {
          this.arrItems = (res.data.agreementUrl || "").split(",");
          const params = this.arrItems.map((val) => {
            return { url: val };
          });
          this.fileList = params;
        }
      }

点击按钮报了这个异常：

CommuniterImg.vue?2e9a:74 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'agreementUrl')

那怎么解决这个问题呢

回答：

res.data是null了，读取agreementUrl错误

怎么解决
1、和后端讨论下，返回null是否合理，需不需要补全数据
2、前端自己做下容错处理，如果res.data有值再进行处理，或者res.data没值的时候给他一个默认值

回答：

// 使用?操作符，如果不存在则不会报错
if (res.code === 0) {
        if (res.data.agreementUrl) {
          this.arrItems = res.data?.agreementUrl?.split(",");
          const params = this.arrItems.map((val) => {
            return { url: val };
          });
          this.fileList = params;
        }
      }

以上是 data数据返回报异常的问题？ 的全部内容， 来源链接： utcz.com/p/933476.html

回到顶部