html 如何顯示 有換行的文本 ？（含有一個困惑尚未解決 ）

其實很簡單 將內容放到<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