vue3中当后端返回的数据格式为“{“url“:“https:...“}“时，数据回显问题

1. 当后端返回的数据格式为"{"url":"https://...."}"时，我们则需要通过使用JSON.parse转化数据格式以完成数据回显

但是如果直接使用JSON.parse很有可能会有如下报错

2. 我们可以使用try catch来进行捕获，避免发生报错问题

function parseJson(str) {
  try {
    return JSON.parse(str);
  } catch (e) {
    return {};
  }
}

3. 在html中可以直接引入该方法parseJson()

<img :src="parseJson(userInfo?.signUrl).url" />