<template>
<div>
<div v-html="$options.filters.formatText(txt)"></div>
</div>
</template>
<script>
data(){
return{
txt="<a>这是一段文本</a>"
}
},
filters:{
formatText(text) {
const matchList = {
"<": "<",
">": ">",
"&": "&",
""": '"',
""": '"',
"'": "'",
};
let regStr = "(" + Object.keys(matchList).toString() + ")";
// ↑ ------------【*提取匹配列表key值*】.【组数转字符串】
regStr = regStr.replace(/,/g, ")|(");
// ↑ 通过匹配将其更新为正则的字符串类型
const regExp = new RegExp(regStr, "g");
// ↑ ------- 字符串 转 正则 方法
return text.replace(regExp, (match) => matchList[match]);
// ↑ ------ 替换方法 (正则, 当前key => 返回当前被匹配的key值)
}
}
</script>
v-html内容过滤，字符串反转义
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- v-if v-else-if v-else 都是判断语句案例：如果生成的随机数是0输出我是0，如果生成的随...
- 一、添加用户 表格练习body部分： js部分： 效果图： 二、v-if/v-else/v-else-if：条件渲...
- v-if v-else-if v-else 都是判断语句案例：如果生成的随机数是0输出我是0，如果生成的随机数是1...
- v-if v-else-if v-else 都是判断语句案例：如果生成的随机数是0输出我是0，如果生成的随机数是1...
