vuejs如何实现htmlEncode编码和htmlDecode解码

vuejs如何实现htmlEncode编码和htmlDecode解码？下面编程教程网小编给大家详细介绍一下实现代码！

1、htmlUtil.js封装

export default {
  htmlEncode: function(html) {
    var temp = document.createElement("div");
    (temp.textContent != undefined) ? (temp.textContent = html) : (temp.innerText = html);
    var output = temp.innerHTML;
    temp = null;
    return output;
  },
  htmlDecode: function(text) {
    var temp = document.createElement("div");
    temp.innerHTML = text;
    var output = temp.innerText || temp.textContent;
    temp = null;
    return output;
  }
};

2、index.vue引用

import htmlUtil from '@/js/htmlUtil'

//编码
encode() {
  this.message2 = htmlUtil.htmlEncode(this.message1)
},
//解码
decode() {
  this.message2 = htmlUtil.htmlDecode(this.message1)
}