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

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

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)
}

node.js关于encoding的源码介绍

js如何利用encodeURIComponent对数组进行编码

js方法传参参数有空格报错解决方法(escape、unescape)

织梦dede搬家后后台页面乱码怎么办？

帝国CMS如何解决uft8编码

标签： htmlDecode, htmlEncode, 编码, 解码

上面是“vuejs如何实现htmlEncode编码和htmlDecode解码”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3005.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！