vue对字符串转html方法
开发vue时在{{mo.infoName | subopt}} Vue.filter(“subopt”, function…)时发现过滤处理后返回来的始终是字符串,当对展现文本有页面样式或拍板格式要求时,无法满足。于是乎我们采用<div v-html="formatLetter(mo.infoName)"></div>
·
开发vue时在{{mo.infoName | subopt}} Vue.filter(“subopt”, function…)时发现过滤处理后返回来的始终是字符串,当对展现文本有页面样式或拍板格式要求时,无法满足。
于是乎我们采用<div v-html="formatLetter(mo.infoName)"></div>,然后在methods下增加方法:(以下为对特定字母后面加一个<br>的html元素)
formatLetter:function(value){
value = value.substring(0,12).replace("(", "︵ ").replace(")", "︶");
value = $.conf.flb(value, ["S","F","W","Z"]);
return value;
}
其中flb方法为:
letterBlank:function(content){
return " "+content+"<br>";
},
flb:function(value, letter){
for(var i=0; i<letter.length; i++){
value = value.replace(letter[i], $.conf.letterBlank(letter[i]));
}
return value;
}
更多推荐
已为社区贡献2条内容
所有评论(0)