主要功能:

1.Vue中,使用 le-table 时对 template 内的字符串进行自定义格式化

2.js将html中的特殊字符还原

后端传来的字符串:

notes: "<p>&lt;59dB(A) at 13.5V, &nbsp;&lt;55dB(A) at 6.5V.&nbsp;</p><p>DS-RTA OTF can meet seat sound requirement.</p>"

格式化后显示在页面上的:

<59dB(A) at 13.5V, <55dB(A) at 6.5V. DS-RTA OTF can meet seat sound requirement.

话不多说,上代码:

   <el-table-column prop="notes" label="Notes">
     <template slot-scope="scope">
       <span>{{ problemSourceFormat(scope.row.notes)}}</span>
     </template>
   </el-table-column>



    methods: {
      problemSourceFormat(data) {
        if (data) {
          console.log("我在这里::::::::::"+ data)
          return this.htmlUnEscape(data);
        }
      },
      htmlUnEscape(str) {
        return str.replace(/&lt;|&gt;|&quot;|&amp;/g, (match) => {
          switch (match) {
            case '&lt;':
              return '<';
            case '&gt;':
              return '>';
            case '&quot;':
              return '"';
            case '&amp;':
              return '&';
          }
        });
      },
}