html 如何显示 有换行的文本 ？（含有一个困惑尚未解决 ）

时间：2024-02-22 17:41:37

其实很简单 将内容放到<pre></pre>里面

为什么记录这个问题，是因为此处尚有一个困惑没解决

问题描述

接触了showdoc这个 文档记录软件。自己弄过改造，正常使用，好久一段时间后，项目没法打包了，就升级到vuecli3.0 。升级过程中 插入 带有换行的文本 失败了，也就是说没法达到预期效果了

关键点：

//插入数据字典模板
<div id="database-doc-templ" ref="database_doc_templ" style="display:none">
**简要描述：** 

- 用户注册接口

**请求URL：** 
- ` http://xx.com/api/user/register `
  
**请求方式：**
- POST 

**参数：** 

|参数名|必选|类型|说明|
|:----    |:---|:----- |-----   |
|username |是  |string |用户名   |
|password |是  |string | 密码    |
|name     |否  |string | 昵称    |

 **返回示例**

``` 
  {
    "error_code": 0,
    "data": {
      "uid": "1",
      "username": "12154545",
      "name": "吴系挂",
      "groupid": 2 ,
      "reg_time": "1436864169",
      "last_login_time": "0",
    }
  }
```

 **返回参数说明** 

|参数名|类型|说明|
|:-----  |:-----|-----                           |
|groupid |int   |用户组id，1：超级管理员；2：普通用户  |

 **备注** 

- 更多返回错误代码请看首页的错误代码描述
</div>

//插入数据字典模板
insert_database_template(){
    console.log(this.$refs.database_doc_templ.innerHTML)
    this.insertValue(this.$refs.database_doc_templ.innerHTML) ;
    },

上面的console中 

我此时打出来的内容 是这种 不带有换行的

正常showdoc中打出的是带有换行的 

 

各种找不同 找原因也没发现问题....

innerHTML ？？
 
2020.5.20 这么有含义的日期 记录一个尚未解决的困惑！！

 

666

相关文章