问题一:vue中处理后台返回的 html 特殊标签(‘< p style=“xxx“ >‘)或(\<p>)的三种情况

返回数据

// 返回数据: 
	list: {
		"introduct": '<p style="color: lightcoral;">就 当文字就是内容吧。</p>',
	}
// 或者
	list: {
		"introduct": '<span style="color: skyblue">就当文字就是内容吧。&nbsp;</p>',
	}

解决方案:

 var arrEntities = {
      'lt': '<',
      'gt': '>',
      'nbsp': ' ',
      'amp': '&',
      'quot': '"'
  };
  return str.replace(/&(lt|gt|nbsp|amp|quot);/ig, function(all, t) {
      return arrEntities[t];
  });

问题二:后端存进库中的数据不能够进行分行和空格,故传输时前端需要进行处理

val.replace(/(^&nbsp;)|(&nbsp;$)/g, '')
Logo

前往低代码交流专区

更多推荐